body {margin:0;background:#f4b76d url('../images/bodybackground.png') center top;}
#header {height:86px;background-color:#fff;}
#center {background-color:#fff;overflow:visible;}
#center_part_2_full, #contenuhome {float:none;width:100%;margin:0;background:none;}

#infographie {width:100%;min-width:320px;max-width:1000px;height:218.75em;margin:0 auto;background:#f1f1f1 url('../images/arrows.png') no-repeat 49.9% 14.125em;background-size:95.2% 176.9375em;box-shadow:0 0 1.625em rgba(0,0,0,0.33);font-size:16px;cursor:default;position:relative;}
#infographie * {margin:0;padding:0;font-family:'Lato',Arial,Helvetica,sans-serif;}

#infographie h1 {padding:2em 0 0;font-size:1em;/* SURCHARGE CSS BOULANGER */float:none;display:block;background:none;}
#infographie h1 img {display:block;margin:0 auto;}

#infographie .pictos {position:absolute;right:-95px;top:46px;width:71px;}
#infographie .pictos a {display:block;margin:0 0 9px;}
#infographie .pictos a img {display:block;}

#infographie > img {position:absolute;}

#infographie .q01 {left:42.1%;top:12.9375em;}
#infographie .q01r01 {left:18.5%;top:28.5em;}
#infographie .q01r02 {left:65.8%;top:21.5625em;}

#infographie .q02 {left:31.2%;top:19.0625em;}
#infographie .q02r01 {left:40.5%;top:29.9375em;}
#infographie .q02r02 {left:52.5%;top:24.6875em;}

#infographie .q03 {left:66.2%;top:33.4375em;}
#infographie .q03r01 {left:50.4%;top:48.6875em;}
#infographie .q03r02 {left:67.3%;top:54.5em;}

#infographie .q04 {left:17.1%;top:37.125em;}
#infographie .q04r01 {left:15.7%;top:68.125em;}
#infographie .q04r02 {left:14.4%;top:78.1875em;}

#infographie .q05 {left:48.8%;top:40.375em;}
#infographie .q05r01 {left:20.6%;top:43.5em;}
#infographie .q05r02 {left:17.9%;top:54.1875em;}

#infographie .q06 {left:50.5%;top:63.625em;}
#infographie .q06r01 {left:52.1%;top:77.5625em;}
#infographie .q06r02 {left:43.4%;top:87em;}

#infographie .q07 {left:65.1%;top:69.8125em;}
#infographie .q07r01 {left:66.8%;top:81.9375em;}
#infographie .q07r02 {left:68.1%;top:90.5625em;}

#infographie .produit {width:35.7%;height:24em;padding:0.75em 0.3% 0 0;background:url('../images/bg_prod.png') no-repeat left top;background-size:100% 100%;position:absolute;}
#infographie .produit .titre, #infographie .produit .visu {display:block;margin:0 auto;}
#infographie .produit .visu {width:84.033613%;}
#infographie .produit p {width:82%;margin:0 auto;font-size:0.84375em;font-weight:400;text-align:justify;line-height:1.1em;}
#infographie .produit a {position:absolute;left:13.305322%;bottom:-0.31746em;display:block;width:73.389355%;padding:0.571428em 0;background:url('../images/btn.png') no-repeat left top;background-size:100% 100%;font:0.984375em;color:#3891b3;font-weight:900;font-style:italic;text-decoration:none;text-transform:uppercase;text-align:center;}

#infographie .robot_connecte {left:8.6%;top:105.25em;}
#infographie .robot_connecte .titre {width:44.817927%;}
#infographie .eclairage_connecte {left:55.5%;top:105.25em;}
#infographie .eclairage_connecte .titre {width:56.862745%;}
#infographie .balance_connectee {left:8.6%;top:133.9375em;}
#infographie .balance_connectee .titre {width:52.100840%;}
#infographie .drone {left:55.5%;top:133.9375em;}
#infographie .drone .titre {width:43.417366%;}
#infographie .tracker_activite {left:8.6%;top:162.625em;}
#infographie .tracker_activite .titre {width:49.579831%;}
#infographie .montre_connectee {left:55.5%;top:162.625em;}
#infographie .montre_connectee .titre {width:55.462184%;}
#infographie .montre_gps {left:8.6%;top:191.3125em;}
#infographie .montre_gps .titre {width:43.697478%;}
#infographie .lunettes_connectees {left:55.5%;top:191.3125em;}
#infographie .lunettes_connectees .titre {width:56.022408%;}


@media screen and (max-width: 640px) {
	#infographie {font-size:16px;}
	#infographie .pictos {display:none;}
}

@media screen and (max-width: 600px) {
	#infographie {font-size:15px;}
}

@media screen and (max-width: 560px) {
	#infographie {font-size:14px;}
}

@media screen and (max-width: 520px) {
	#infographie {font-size:13px;}
}

@media screen and (max-width: 480px) {
	#infographie {font-size:12px;}
}

@media screen and (max-width: 440px) {
	#infographie {font-size:11px;}
}

@media screen and (max-width: 400px) {
	#infographie {font-size:10px;}
}

@media screen and (max-width: 360px) {
	#infographie {font-size:9px;}
}

@media screen and (max-width: 320px) {
	#infographie {font-size:8px;}
}