body {background:#dedede no-repeat center top;}
#contenuhome{margin-left:0px;width:1000px;margin:0;padding-top:0px; background:none;}
#chemin_2007 {margin-bottom: 10px;margin-top: 0px;}
.band { clear:both}
#contenu {margin-left:0px;}
#center_part_1 {display:none;}
#center_part_2_full{ background:none;}
.clear {clear:both;}
.separation {float:left;}
.t30{font-size:30px;}
.rouge{color:#d80d15;}
.produit3{margin-top: 0;}
#underline {text-decoration:underline;}
.underline {text-decoration:underline;}
.uppercase {text-transform:uppercase;}
.black{font-family: arial black}
.exergue-menu{font-size:18px;}
#center {background:none; width:1000px; overflow:visible;}


/*****GENERAL*****/
.webzine{
	width: 1000px;
	background-color: #dedede;
	overflow: hidden;
	cursor: default;
}
.webzine *{
	padding: 0px;
	margin: 0px;
	font: Arial,Helvetica,sans-serif 14px #000000;
}
.webzine .contenu{
	width: 1000px;
	padding: 0px;
	margin: 0px;
}
.webzine a{
	text-decoration: none;
	text-transform: none;
	font: Arial,Helvetica,sans-serif 14px #000000;
}


/*****INTRODUCTION*****/
.webzine .contenu .introduction{
	float: left;
	width: 1000px;
	height: 420px;
	margin: 0px;
	background: url("/content/static/bcom/desktop/webzine/2015/05_webzine-objets-connectes/images/head.jpg") no-repeat rgba(0, 0, 0, 0); /*a remplir*/
	position: relative;
	top:0;
}
.webzine .contenu .introduction .social{
	float: left;
	position: absolute;
	left: 790px;
	top: 10px;
}
.webzine .contenu .introduction .social a{
	display: block;
	float: left;
}
.webzine .contenu .introduction .btn1{
	background: rgba(52, 95, 155, 0.7);
	color: #fff;
	float: left;
	font-size: 14px;
	height: 40px;
	position: relative;
	left: 737px;
	line-height: 20px;
	padding: 5px 20px;
	text-align: left;
	text-decoration: none;
	top: 80px;
	width: 244px;
}
.webzine .contenu .introduction .btn2{
	background: rgba(48, 152, 97, 0.7);
	color: #fff;
	float: left;
	font-size: 14px;
	height: 40px;
	position: relative;
	left: 452px;
	line-height: 20px;
	padding: 5px 20px;
	text-align: left;
	text-decoration: none;
	top: 140px;
	width: 244px;
}
.webzine .contenu .introduction .btn3{
	background: rgba(167, 45, 45, 0.7);
	color: #fff;
	float: left;
	font-size: 14px;
	height: 40px;
	position: relative;
	left: 167px;
	line-height: 20px;
	padding: 5px 20px;
	text-align: left;
	text-decoration: none;
	top: 200px;
	width: 244px;
}
.webzine .contenu .introduction .btn4{
	background: rgba(66, 163, 184, 0.7);
	color: #fff;
	float: left;
	font-size: 14px;
	height: 40px;
	position: relative;
	left: 735px;
	line-height: 20px;
	padding: 5px 20px;
	text-align: left;
	text-decoration: none;
	top: 212px;
	width: 244px;
}


/*****PARTIE*****/
.webzine .contenu .partie{
	background-color: #dedede;
	float: left;
}
.webzine .contenu .partie .titre{
	float: left;
	padding: 0px;
}
.webzine .contenu .partie .section .bloc{
	float: left;
	margin: 0 9px 5px 0;
	padding: 0;
	position: relative;
	display: block;
}
.webzine .contenu .partie .section #no-marg-right{
	margin-right: 0;
	float: left;
}


/*****BLOC DE TEXTE*****/
.webzine .contenu .partie .paragraphe{
	float: left;
}
.webzine .contenu .partie .bloc .titre{
	margin: 15px 0 18px 15px;
	float: left;
	font: bold 20px arial;
}
.webzine .contenu .partie .bloc .texte{
	float: left;
	color: #000;
	float: left;
	font: 13px/16px arial;
	margin: 0 15px 0 15px;
}
.webzine .contenu .partie .bloc  br{
	line-height: 10px;
}
.webzine .contenu .partie .paragraphe span{
	font: bold 18px arial;
}


/*****COULEURS*****/
.webzine .contenu .partie .paragraphe .blue{
	color: #345f9b;
}
.webzine .contenu .partie .paragraphe .green{
	color: #309861;
}


/*****TAILLE DES BLOCS*****/
.webzine .contenu .partie .w327{
	background: none repeat scroll 0 0 #dedede;
	color: #000;
	height: 330px;
	width: 327px;
}
.webzine .contenu .partie .w664{
	background: none repeat scroll 0 0 #dedede;
	color: #000;
	height: 330px;
	width: 664px;
}
.webzine .contenu .partie .w494{
	background: none repeat scroll 0 0 #dedede;
	color: #000;
	height: 330px;
	width: 494px;
}
.webzine .contenu .partie .w664white{
	background: none repeat scroll 0 0 #ffffff;
	color: #000;
	height: 330px;
	width: 664px;
}
.webzine .contenu .partie .w100{
	background: none repeat scroll 0 0 #dedede;
	color: #000;
	height: 330px;
	width: 1000px;
}
.webzine .contenu .partie .bloc-inline{
	float: left;
	width: 1000px;
	margin: 0 10px 3px 10px;
	padding: 0;
	position: relative;
	display: inline-block;
}


/*****BLOC DE MENU DU BAS*****/
.webzine .contenu .btn-1{
	background: rgb(52, 95, 155);
	color: #fff;
	float: left;
	font-size: 14px;
	height: 40px;
	position: relative;
	line-height: 20px;
	padding: 5px 20px;
	margin: 12px 12px 12px 0px;
	text-align: left;
	text-decoration: none;
	width: 200px;
}
.webzine .contenu .btn-2{
	background: rgb(48, 152, 97);
	color: #fff;
	float: left;
	font-size: 14px;
	height: 40px;
	position: relative;
	line-height: 20px;
	padding: 5px 20px;
	margin: 12px 12px 12px 0px;
	text-align: left;
	text-decoration: none;
	width: 200px;
}
.webzine .contenu .btn-3{
	background: rgb(167, 45, 45);
	color: #fff;
	float: left;
	font-size: 14px;
	height: 40px;
	position: relative;
	line-height: 20px;
	padding: 5px 20px;
	margin: 12px 12px 12px 0px;
	text-align: left;
	text-decoration: none;
	width: 200px;
}
.webzine .contenu .btn-4{
	background: rgb(66, 163, 184);
	color: #fff;
	float: left;
	font-size: 14px;
	height: 40px;
	position: relative;
	line-height: 20px;
	padding: 5px 20px;
	margin: 12px 0px 12px 0px;
	text-align: left;
	text-decoration: none;
	width: 200px;
}
.webzine .contenu .center{
	text-align:center;
	width:100%;
}

.webzine .contenu img{
	width: 100%;
	height: auto;	
}

/*****CARTE IMAGE*****/
.visible{
	z-index:10;
	visibility:hidden;
	display:none;
	position:absolute;
}
#drones:hover,#bracelet:hover,#lampe:hover,#canape:hover,#detecteur:hover,#dietetique:hover,#sport:hover,#manger:hover,
#drones:focus,#bracelet:focus,#lampe:focus,#canape:focus,#detecteur:focus,#dietetique:focus,#sport:focus,#manger:focus{
	cursor:pointer;
}
#plus1,#plus2,#plus3,#plus4,#plus5,#plus6,#plus7,#plus8{
	position:relative;
}
#image-plus1,#image-plus2,#image-plus3,#image-plus4,#image-plus5,#image-plus6,#image-plus7,#image-plus8{
	position:absolute;
	display:none;
	z-index:3000;
}
#image-plus1{
	top:-288px;
	left:52px;
	width:488px;
	height:178px;
}
#image-plus2{
	top:-85px;
	right:279px;
	width:488px;
	height:327px;
}
#image-plus3{
	top:-354px;
	left:52px;
	width:565px;
	height:266px;
}
#image-plus4{
	top:-290px;
	left:432px;
	width:489px;
	height:212px;
}
#image-plus5{
	top:-275px;
	left:47px;
	width:669px;
	height:260px;
}
#image-plus6{
	top:-284px;
	right:324px;
	width:669px;
	height:243px;
}
#image-plus7{
	top:-290px;
	right:344px;
	width:489px;
	height:309px;
}
#image-plus8{
	top:-390px;
	left:70px;
	width:489px;
	height:309px;
}
#plus1:hover #image-plus1,
#plus2:hover #image-plus2,
#plus3:hover #image-plus3,
#plus4:hover #image-plus4,
#plus5:hover #image-plus5,
#plus6:hover #image-plus6,
#plus7:hover #image-plus7,
#plus8:hover #image-plus8{
	display:block;
}

@media only screen and (max-width:480px){

/*****GENERAL*****/
.webzine{
	width: 100%;
}
.webzine .contenu {
	width: 100%;
	padding:0;
	margin:0;
}
.webzine .contenu .partie .section .bloc{
	margin: 0;
}

/*****INTRODUCTION*****/
.webzine .contenu .introduction{
	float: left;
	width: 100%;
	margin: 0px;
}
.webzine .contenu .introduction .social,
.webzine .contenu .introduction .btn1,
.webzine .contenu .introduction .btn2,
.webzine .contenu .introduction .btn3,
.webzine .contenu .introduction .btn4{
	display: none;
	overflow:hidden;
}

/*****PARTIE*****/
.webzine .contenu .partie .titre{
	float: left;
	padding: 0px;
}
.webzine .contenu .partie .section .bloc{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/*****TAILLE DES BLOCS*****/
.webzine .contenu .partie .w327{
	height: auto;
	width: 100%;
}
.webzine .contenu .partie .w664{
	height: auto;
	width: 100%;
}
.webzine .contenu .partie .w494{
	height: auto;
	width: 100%;
}
.webzine .contenu .partie .w657white{
	height: auto;
	width: 100%;
}
.webzine .contenu .partie .paragraphe{
	height: auto;
	width: 100%;
}
.webzine .contenu .partie .w100{
	height: auto;
	width: 100%;
}
.webzine .contenu .partie .bloc-inline{
	width: 100%;
	margin: 0;
}

.webzine .contenu .btn-1,
.webzine .contenu .btn-2,
.webzine .contenu .btn-3,
.webzine .contenu .btn-4{
	font-size: 12px;
	height: 33px;
	position: relative;
	line-height: 30px;
	text-align:center;
	padding: 10px;
	margin: 0px;
	text-align: center;
	width: 100%;
}

.webzine .contenu .center{
	align:center;
	width:100%;
}

.webzine .contenu img{
	width: 100%;
	height: auto;	
}



}