/* CSS Document */

body{background:url(../images/bg-global-jaune.jpg) center repeat-y #f1ba09}

#header-appareil{float:left; margin:0 0 50px 0; padding-left:88px; padding-right:30px; width:946px; height:340px; background-repeat:no-repeat ;background-position:top right;}
.mentions-legales{float:right; font-size:9px; color:#CCC; margin-right:25px; margin-top:10px;}
#header-appareil h1{font-size:26px; font-weight:normal; line-height:24px;}
	.page-pc-portables{background-image:url(../images/photo_page3_pc_portables.jpg)}
	.page-apn{background-image:url(../images/photo_page3_appareils_photo_numeriques.jpg)}
	.page-cam{background-image:url(../images/photo_page3_cameras_video_numeriques.jpg)}
	.page-mobiles{background-image:url(../images/photo_page3_smartphones_telephones_mobiles.jpg)}
	.page-tablettes{background-image:url(../images/photo_page3_tablettes_tactiles.jpg)}
	.page-accessoires{background-image:url(../images/photo_page3_accessoires.jpg)}

#sous-menu-batteries-chargeurs-1{display:block; width:100%}
#sous-menu-batteries-chargeurs-2{display:none;}

#sous-menu{width:1024px;}
	#sous-menu ul{width:1024px;}
		#sous-menu li{float:left; width:auto; margin-left:10px; margin-right:10px}
		#sous-menu li:first-child{margin-right:43px;}
		#sous-menu li:nth-child(2){margin-right:43px !important;}
		#sous-menu li:nth-child(3){margin-right:43px}
		#sous-menu li:nth-child(4){width:auto; margin-right:43px}
		#sous-menu li:last-child{margin-left:0;}
		

#marques{margin-left:20px; border-left:1px solid #898989; height:190px; margin-top:30px; padding-left:10px;}
#marques p{color:#898989;}
#marques ul{margin-top:10px; width:785px;}
#marques ul li{float:left; list-style-type:none; margin-right:10px; min-width:60px; text-align:center;}
#marques ul li p{color:#898989; text-align:center; font-size:10px; margin:2px 0 0 0 !important; padding:0; line-height:10px; max-width:60px}
	.page-mobiles ul:last-child{float:left; max-width:650px}

.colonne{float:left;  background-repeat:no-repeat; width:434px; height:702px; padding:75px 10px 0 10px;}
.colonne p{width:434px; min-height:216px; text-align:justify; margin:30px 0 30px 0;}
.colonne div{width:434px; text-align:center; height:auto; min-height: 370px}
.colonne div img{vertical-align:middle}
.colonne div img:nth-child(-n+2){margin-right:10px;}
.colonne:nth-child(2) div img{margin-top:19px}
	.batteries{float:left;background-image:url(../images/bg-col-batteries.jpg);}	
	.chargeurs{float:right;background-image:url(../images/bg-col-chargeurs.jpg);}
	.accessoires{float:right;background-image:url(../images/bg-col-accessoires.jpg);}
	.externes{float:left;background-image:url(../images/bg-col-piles-batteries-externes.jpg);}


@media screen and (max-width:1150px){
	#header-appareil{padding-left:70.14px; padding-right:23.9px; width:754.2px; height:273px; margin:0 0 43px 0;}
	.mentions-legales{font-size:7.17px; margin-right:20px; margin-top:8px;}
	#header-appareil h1{font-size:20.72px; line-height:19.1px;}
		.page-pc-portables{background-size:365px auto;}
		.page-apn{background-size:302.9px auto;}
		.page-cam{background-size:373px auto;}
		.page-mobiles{background-size:315.65px auto}
		.page-tablettes{background-size:419.27px auto;}
		.page-accessoires{background-size:443.18px auto;}
	
	#sous-menu{width:816px;}
	#sous-menu ul{width:820px;}
		#sous-menu li{margin-left:37px; margin-right:37px;}
		#sous-menu li:first-child{margin-right:32.8px;}
		#sous-menu li:nth-child(2){margin-right:0px !important;}
		#sous-menu li:nth-child(3){margin-right:0px}
		#sous-menu li:nth-child(4){width:auto !important; margin-right:8px}
		#sous-menu li:last-child{margin-left:0px;}
		
	#marques{margin-left:16px; height:151.4px; max-width:625.7px; margin-top:23.9px; padding-left:8px;}
	#marques p{font-size:12px;}
	#marques ul{margin-top:8px; max-width:625.7px;}
	#marques ul li{margin-right:8px; min-width:47.8px; max-width:47.8px}
	#marques ul li p{text-align:center; font-size:7px !important; max-width:47.8px}
	#marques ul li img{max-width:47.8px}
	#marques ul:nth-child(3) li:last-child img{min-width:100px}
		.page-mobiles ul{max-width:300px}
		.page-mobiles ul:last-child{width:478px !important;}
		.page-tablettes ul li:last-child img{min-width:100px;}
	#marques ul li p:last-child{font-size:8px; margin: 1px 0 0 0 !important; line-height:8px;}
	
	.colonne{width:346px; height:559.2px; padding:59.78px 8px 15px 8px; background-size:361.8px auto}
	.colonne img{max-width:346px;}
	.colonne p{width:346px; min-height:172.17px;margin:23.9px 0 23.9px 0; font-size:12.7px}
	.colonne div{width:346px; height:294px}
	.colonne div img{max-height:74.9px; max-width:126.7px;}
	.colonne div img:nth-child(1){margin-right:8px;max-width:60px;}
	.colonne:nth-child(2) div img{margin-top:13px !important}
		.batteries .externes div img:nth-child(2){margin-right:8px; max-width:50px;}
		.chargeurs div img{margin-top:15px}
		.accessoires div img{margin-top:15px}
		.chargeurs div img:nth-child(2){margin-right:8px; max-width:63px;}
		.accessoires div img:nth-child(2){margin-right:8px; max-width:63px;}
}

@media screen and (max-width:895px){
	#conteneur{margin-top:-15px; padding:30px 0 0 0;}
	
	#header-appareil{padding-left:0px; padding-right:19px; width:660.9px; height:auto; margin:0 0 3px 0;}
	.mentions-legales{font-size:6.3px; margin-right:16px; margin-top:6.4px;}
	#header-appareil h1{font-size:20px; line-height:20px; margin-left:30px; margin-top:150px}
		.page-pc-portables{background-size:400px auto; background-position: right 0 !important}
			.page-pc-portables h1{width:390px;}
		.page-apn{background-size:350px auto; background-position:right 0 !important}
			.page-apn h1{width:380px; }
		.page-cam{background-size:380px auto; background-position:right 0 !important}
			.page-cam h1{width:550px; }
		.page-mobiles{background-size:300px auto}
			.page-mobiles h1{width:460px;}
			.page-mobiles #marques{height:130px}
			.page-mobiles ul{float:left;}
			.page-mobiles ul:nth-child(6){float:left; margin:0 !important; width:auto !important; display:non;}
			.page-mobiles ul:nth-child(4) li{float:left; margin:0 !important;}
		.page-tablettes{background-size:400px auto; background-position:right 0 !important}
			.page-tablettes h1{width:400px; }
			.page-tablettes #marques{height:100px;}
		.page-accessoires{background-size:350px auto; background-position:right top !important}
			.page-accessoires h1{width:660px; }
			.page-accessoires #marques{height:115px}
	
	#sous-menu-batteries-chargeurs-1{display:none;}
	#sous-menu-batteries-chargeurs-2{display:inherit; margin-bottom:100px; height:auto;}
	
	#sous-menu{float:right; width:475px; height:46px; margin-right:36px; border:none; margin-bottom:0}
	#sous-menu ul{float:left; width:475px; border-bottom:1px solid black; height:45px}
	#sous-menu ul:first-child{margin-bottom:10px;margin-right:10px;}
		#sous-menu li{float:left;margin-left:10px; margin-right:10px; height:auto; width:auto ;}
		#sous-menu li a{float:left; padding-bottom:5px; width:auto !important; height:40px !important}
		#sous-menu li:last-child{margin-left:0;}
		#sous-menu li:first-child{margin-right:10px;}
		#sous-menu li span{ width:auto; text-align:center; line-height:9px}
		#sous-menu li:last-child .active{background-position:45% bottom !important}
		.active{height:46px !important; background-position:49% bottom !important}
		
	#marques{margin-left:80px; height:150px; max-width:600px; margin-top:25px; padding-left:6.4px;}
	#marques p{font-size:12px;}
	#marques ul{margin-top:6.4px; max-width:600px;}
	#marques ul li{margin-right:6.4px; min-width:50px; max-width:50px}
	#marques ul li p{text-align:center; font-size:7px !important; max-width:50px}
	#marques ul li img{max-width:50px}
	#marques ul:nth-child(3) li:last-child img{min-width:79.7px}
		.page-mobiles ul{max-width:329.1px}
		.page-mobiles ul:last-child{width:381px !important;}
		.page-tablettes ul li:last-child img{min-width:79.7px;}
	#marques ul li p:last-child{font-size:6.4px; margin: 1px 0 0 0 !important; line-height:6.4px;}
	
	.colonne{width:310px; height:500px; padding:47.65px 6.4px 0 6.4px; background-size:320px auto; margin-bottom:10px}
	.colonne img{max-width:310px;}
	.colonne p{width:300px; min-height:175px; height:auto; margin:10px 0 10px 5px; font-size:13px}
	.colonne div{width:310px; height:234.4px}
	.colonne div img{max-height:59.7px; max-width:100.1px;}
	.colonne div img:nth-child(1){margin-right:6.4px;max-width:47.82px;}
	.batteries .externes div img:nth-child(2){margin-right:6.4px; max-width:39.8px;}
	.chargeurs div img{margin-top:12px}
	.accessoires div img{margin-top:12px}
	.chargeurs div img:nth-child(2){margin-right:6.4px; max-width:50.2px;}
	.accessoires div img:nth-child(2){margin-right:6.4px; max-width:50.2px;}
}

@media screen and (max-width:650px){
	body{background:white !important}
	
	#conteneur{margin:0 !important; padding:0 !important;}
	
	#header-appareil{padding-left:0; padding-right:0; width:100%; height:180px}
	.mentions-legales{font-size:5.7px; margin:0;}
	#header-appareil h1{font-size:20px; line-height:20px; margin: 0 0 0 2% !important; width:65%;}
	#header-appareil p{display: none;}
		.page-pc-portables{background-size: contain; background-position:right top}
			.page-pc-portables h1{}
		.page-apn{background-size: contain; background-position: right top}
			.page-apn h1{width:100%; }
		.page-cam{background-size: 40%; background-position: right top}
			.page-cam h1{width:100%; }
		.page-mobiles{background-size: contain; background-position: right top}
			.page-mobiles h1{width:100%;}
			.page-mobiles #marques{height:130px}
			.page-mobiles ul{float:left;}
			.page-mobiles ul:nth-child(6){float:left; margin:0 !important; width:auto !important; display:non;}
			.page-mobiles ul:nth-child(4) li{float:left; margin:0 !important;}
		.page-tablettes{background-size: 50%; background-position: right top}
			.page-tablettes h1{width:50% !important; }
			.page-tablettes #marques{height:100px;}
		.page-accessoires{background-size: contain; background-position: right top}
			.page-accessoires h1{width:100%; }
			.page-accessoires #marques{height:115px}
	
	#marques{display: none;}
	#marques-mobiles{width:95%; height:auto; margin:0 0 10% 5% !important;}
	#marques-mobiles p{color:#666; line-height:100%; font-size: medium; text-align: left; width:95%; margin:0 0 2% 0}
	#marques-mobiles ul{margin:0; padding:0}
	#marques-mobiles li{float:left; list-style-type:none;}
	#marques-mobiles li p{display: none;}
	#marques-mobiles li:last-child{height:40px}
	#marques-mobiles li:last-child img{max-width:100px; margin:10px 0 0 10px }
	#marques-mobiles img{max-width:40px;}
	#marques-mobiles .mentions-legales{font-size:7px}
	
	.colonne{width:100%; height: auto !important; padding:10% 0 0 0 !important; background-size: cover; margin:0 auto 0 auto}
	.colonne img:nth-child(1){max-width:85% !important; margin:20px 0 0 12.5% !important} 
	.colonne p{width:90%; min-height:auto; height:auto; margin:0 0 5% 0; padding:0; font-size:.8em !important}
	.colonne div{width:100%; height:auto !important; vertical-align: middle; height:auto !important; max-height:none !important; min-height: 0 !important;}
	.colonne div img{max-width:50%; max-height:50%; }
	.colonne div img:nth-child(1){margin-right:5% !important;max-width:50%; margin-left:0 !important}
	.colonne div img:nth-child(2){margin-right:5% !important;}
		.batteries .externes div img:nth-child(2){margin-right:5% !important; max-width:2.2em;}
		.chargeurs div img{margin-top:5%}
		.accessoires div img{margin-top:5%}
		.chargeurs div img:nth-child(2){margin-right:5% !important; max-width:50%;}
		.accessoires div img:nth-child(2){margin-right:5% !important; max-width:35%;}
			
	#sous-menu-batteries-chargeurs-2{display: inherit; margin:0; height:auto; width:100%}
		#sous-menu-batteries-chargeurs-2 .css-tablette{display: block}
		#sous-menu-batteries-chargeurs-2 .css-mobile{display: none}
		
	
	#sous-menu{float:left; width:100%; height:46px; margin-right:0 !important; border:none; margin-bottom:0 !important}
	#sous-menu ul{float:left; width:100% !important; border-bottom:1px solid black; height:45px; padding: 0}
	#sous-menu ul:first-child{margin:0}
		#sous-menu li{float:left;margin-left:6% !important; margin-right:6% !important; height:auto; max-width:none; width: auto}
		#sous-menu li a{float:left; padding:0 0 5px 0; width:auto; height:40px !important; margin:0 !important;}
		#sous-menu li:first-child{margin-right:0 !important; margin-left: 0 !important}
		#sous-menu li:nth-child(4){margin:0 !important; padding:0 !important}
		#sous-menu li:nth-child(5){margin:0 0 0 7.5% !important; padding:0 !important}
		#sous-menu li:last-child{float:right !important; margin:0 !important}
		#sous-menu li span{ width:100% !important; text-align:center; line-height:9px; white-space: nowrap}
		.active{height:46px !important}
}

@media screen and (max-width:540px){
	body{background:white !important}
	
	#conteneur{margin:0 !important; padding:0 !important;}
	
	#header-appareil{padding:0 0 5% 0; width:100%; height:auto;}
	.mentions-legales{font-size:5.7px; margin:0;}
	#header-appareil h1{font-size:20px; line-height:20px; margin: 0 0 0 2% !important; width:65%;}
	#header-appareil p{display: none;}
		.page-pc-portables{background-size: contain; background-position:right top}
			.page-pc-portables h1{}
		.page-apn{background-size: contain; background-position: right top}
			.page-apn h1{width:100%; }
		.page-cam{background-size: contain; background-position: right top}
			.page-cam h1{width:100%; }
		.page-mobiles{background-size: contain; background-position: right top}
			.page-mobiles h1{width:100%;}
			.page-mobiles #marques{height:130px}
			.page-mobiles ul{float:left;}
			.page-mobiles ul:nth-child(6){float:left; margin:0 !important; width:auto !important; display:non;}
			.page-mobiles ul:nth-child(4) li{float:left; margin:0 !important;}
		.page-tablettes{background-size: contain; background-position: right top}
			.page-tablettes h1{width:100% !important; }
			.page-tablettes #marques{height:100px;}
		.page-accessoires{background-size: contain; background-position: right top}
			.page-accessoires h1{width:100%; }
			.page-accessoires #marques{height:115px}
	
	#marques{display: none;}
	#marques-mobiles{width:95%; height:auto; margin:50% 0 10% 5% !important;}
	#marques-mobiles p{color:#666; line-height:100%; font-size: medium; text-align: left; width:95%; margin:0 0 2% 0}
	#marques-mobiles ul{margin:0; padding:0}
	#marques-mobiles li{float:left; list-style-type:none;}
	#marques-mobiles li p{display: none;}
	#marques-mobiles li:last-child{height:40px}
	#marques-mobiles li:last-child img{max-width:100px; margin:10px 0 0 10px }
	#marques-mobiles img{max-width:40px;}
	#marques-mobiles .mentions-legales{font-size:7px}
	
	.colonne{width:100%; max-height:none !important; min-height: none !important; height: auto !important; padding:10% 0 0 0 !important; background-size: cover; margin:0 auto 0 auto !important}
	.colonne img:nth-child(1){max-width:90% !important; margin:5% 0 0 5% !important} 
	.colonne p{width:90%; min-height:0; height:auto; margin:0 0 0 2.5% !important; padding:0 !important; font-size:.5em !important}
	.colonne div{width:100%; height:auto !important; max-height:none !important; min-height: 0 !important; max-width:none; padding:5% 0 5% 0;}
	.colonne div img{max-width:50%; max-height:50%}
	.colonne div img:nth-child(1){margin-right:5%;max-width:50%;}
		.batteries div img:first-child{margin-top:0 !important;}
		.externes div img:first-child{margin-top:0 !important;}
		.batteries .externes div img:nth-child(2){margin-right:5%; max-width:2.2em;}
		.chargeurs div img:nth-child(2){margin-right:5%; max-width:50%;}
		.accessoires div img:nth-child(2){margin-right:5%; max-width:35%;}
			
	#sous-menu-batteries-chargeurs-2{display: inherit; margin:0; height:auto; width:100%}
		
	
	#sous-menu{float:left; width:100%; height:46px; margin-right:0 !important; border:none; margin-bottom:0 !important}
	#sous-menu ul{float:left; width:100%; border-bottom:1px solid black; height:45px}
	#sous-menu ul:first-child{margin:0}
		#sous-menu li{float:left;margin-left:0 !important; margin-right:0 !important; height:auto; max-width:25%;}
		#sous-menu li a{float:left; padding: 0; width:auto; height:45px !important; margin:0 !important;}
		#sous-menu li a span{width: 100% !important}
		#sous-menu li:first-child{margin-right:0 !important; margin-left: 0 !important}
		#sous-menu li:nth-child(2){margin:0 2% 0 2% !important;}
			#sous-menu li:nth-child(2) img{margin-left:0 !important}
		#sous-menu li:nth-child(3){margin:0 2% 0 2% !important;}
			#sous-menu li:nth-child(3) img{margin-left:0 !important}
		#sous-menu li:nth-child(4){margin:0 2% 0 2% !important; padding:0 !important}
		#sous-menu li:nth-child(5){margin:0 0 0 2% !important; padding:0 !important}
		#sous-menu li:last-child{float:right !important; margin:0 !important}
		#sous-menu li span{ width:15% !important; text-align:center; line-height:9px; white-space: pre-line}
		.active{height:46px !important}
}

@media screen and (max-width:380px){
	#header-appareil h1{width:98%; font-size:1.2em; line-height:20px; margin: 60% 0 10% 2% !important; }
	
	#sous-menu-batteries-chargeurs-2 .css-tablette{display: none !important}
	#sous-menu-batteries-chargeurs-2 .css-mobile{display: block !important}
	
	#sous-menu li{margin:0 5% 0 5% !important}
	#sous-menu li a{height:45px !important; margin:0 !important;}
	#sous-menu li:first-child{margin-right:0 !important; margin-left: 0 !important; width:auto !important;}
	#sous-menu li:nth-child(2){margin:0 4% 0 4% !important;}
		#sous-menu li:nth-child(2) img{margin-left:3px !important}
	#sous-menu li:nth-child(3){margin:0 4% 0 4% !important;}
		#sous-menu li:nth-child(3) img{margin-left:3px !important}
	#sous-menu li:nth-child(4){margin:0 2% 0 2% !important; padding:0 !important}
	#sous-menu li:nth-child(5){margin:0 4% 0 3% !important; padding:0 !important}
	#sous-menu li:last-child{float:right !important; margin:0 !important}
	#sous-menu li span{ width:auto !important; text-align:center; line-height:0.7em; white-space: pre-line; font-size:0.80em; padding: 0;}
	.active{height:46px !important}
	
	.colonne p{font-size:.8em !important;}
	.colonne div img{max-width:17% !important; max-height:17%}
	.colonne div img:nth-child(1){margin-right:5%;max-width:17% !important;}
	.batteries div{vertical-align: middle !important}
	.batteries div img:first-child{margin-bottom:10px !important}
	.batteries div img:last-child{max-width:20% !important}
	.batteries div img:nth-child(2){max-width:15% !important}
	.chargeurs div img:last-child{max-width:35% !important}
	.accessoires div img:last-child{max-width:35% !important}
}