body {font-family: 'Open Sans', sans-serif;}
strong{font-weight: 700;}
#contenuhome  {margin-left:0px;margin-top: 0;width: 100%;}
#center{width: 100%;}
#center_part_2_full {width: 100%}
#center_part_1 {display:none;}
a {text-decoration:none;}
img {border:0 }
span{font-family:'Open Sans'; }
#maincontainer {position:relative;width: 100%; margin: 0 auto;background-color: #e7e7e7;}
.webzinePage {width:1000px;overflow:hidden;padding-left:0px;cursor:default;margin:0 auto;position:relative;display:block;text-align:left;}
.youtube{background-color: rgba(0, 0, 0, 0.8);position: fixed;display: none;}
#ftr{margin-top: 0!important;}

#container .overlay{
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 888889;
	background-color: rgba(0,0,0,0.90);
	position: fixed;
	top: 0;
	left: 0;
}

#container .popin{
    position: fixed;
    top: 50%;
    width: 853px;
    left: 50%;
    height: 480px;
    margin-left: -426.5px;
    margin-top: -240px;
}

#container .hide {
    display: none;
}
.nonono{display: none;}
.pose{display: none;width: 100%;height: auto;position: fixed;}
.pose.active {display: block;}

/* ******** HEADER ********** */
.header {height:350px;position:relative;width:100%;background-color: #f7ebcd;}
.header span {display:block;left:290px;position:absolute;top:50px;font-size: 30px;font-style: italic;font-weight: 600;}
.header .social {height:36px;position:absolute;right:0px;top:10px;width:120px;}
.header .social ul {width:100%;padding:0;margin:0;}
.header .social li {display:block;float:left;margin-left:5px;position:relative;}
.header .social li a {border:0;}
.header .menu {position:absolute;right:0px;top:100px;}
.header .menu a {color:#FFFFFF }
.header .menu .items {color:#FFFFFF;font:17px 'Open Sans', Arial, Helvetica, sans-serif;;height:58px;margin-bottom:15px;padding:12px 0 0 15px;width:245px;}
.header .menu .item1 {background-color:rgba(147, 99, 159, 0.7);}
.header .menu .item2 {background-color:rgba(66, 163, 184, 0.7) }
.menu_container {width: 100%;}
.ajust{max-width: 1000px;overflow: hidden;clear: both;min-height: 350px;margin: 0 auto;position: relative;background: url(/content/static/bfr/_webzine/2015/04_maison_saine/images/femme.jpg) no-repeat top center;}

/* ******** Classes générales ******** */

.dix{font-size: 14px;background-color: #93639f;padding: 5px;display: inline-block;width: 155px;}
.centreB{display: inline-block;}
.centreB img{float: right;margin-top: 3px;}
.dix span{color: #ffffff;font-family: "Open Sans";font-weight: 100;}
.boutonB{color: #ffffff; text-align: center;}
div.titre {padding-top: 40px;text-align:center;width:100%;color: #000000;padding-bottom: 10px;background-color: #e7e7e7;}
.titre a {color: #000000;}
.titre span{font-size: 30px;}
.titre .line{font-size:18px;vertical-align: super;font-family: "Open Sans";font-weight: 600; color: #3b3b3b; }
.texte {background:#FFFFFF;float:left;font:14px 'Open Sans', Arial, Helvetica, sans-serif;line-height:18px;padding:20px 20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.texte sup {vertical-align:baseline;font-size:40px;}
.texte span {font-size:20px;line-height:21px;}
.fr {float:right;}
.fl {float:left;}
.oh {overflow:hidden;width:100%;}
.webzinePage .haut {float:right;margin-right:8px;margin-top:6px;height:20px;}
.webzinePage .haut a {font:normal 12px 'Open Sans', arial;color:#505050;margin:0 5px;vertical-align:-2px;}
.hide {display:none;}

/* ******************* Debaras******************* */
#debaras, #transformer {background:#e7e7e7;}
#debaras .texte span {color:#93639f;}
#transformer .texte span {color:#42a3b8;}

/* ******************** Purificateur ************** */
#debaras .purificateur {overflow:hidden;background:#e7e7e7;border-bottom:3px solid #DEDEDE;background-color: #ffffff;}
#debaras .purificateur .texte {height:217px;overflow:hidden;width:486px;}
#debaras .purificateur > a {display:block;text-align: center;float: left;}
#debaras .purificateur > .centreB{display: inline-block;float: right;}

#debaras .purificateur > a.hide {display:none;}

/* ******************** Raisons ******************* */
#debaras .raisons {overflow:hidden;background:#e7e7e7;border-bottom:3px solid #DEDEDE;width:100%;}
#debaras .raisons > a {display:block;}
#debaras .raisons .texte {float:right;height:234px;overflow:hidden;width:446px;}

/* ******************* Dossiers ****************** */
#debaras .dossiers {overflow:hidden;background:#e7e7e7;border-bottom:3px solid #DEDEDE;}
#debaras .dossiers > a {display:block;}

/* ******************* Astuces ******************* */
#debaras .astuces {overflow:hidden;background:#e7e7e7;border-bottom:3px solid #DEDEDE;}
#debaras .astuces span{font-weight: 700;font-size: 23px;}
#debaras .dossiers > a {display:block;}
#debaras .astuces .texte {float:left;height:234px;overflow:hidden;width:426px;}

/* ****************** Transformer ****************** */
#transformer .magiciens {overflow:hidden;background:#e7e7e7;border-bottom:1px solid #DEDEDE;}
#transformer .magiciens .texte {float:left;height:459px;overflow:hidden;width:566px;}
#transformer .magiciens .list {float:right;height:461px;position:relative;width:431px;}
#transformer .magiciens .list a {display:block;margin-top:3px;}
#transformer .magiciens .list a.first-child {margin-top:0;}
#transformer .magiciens span{font-weight: 700;font-size: 23px;}

/* ***************** Quotidien ******************** */
#transformer .quotidien {overflow:hidden;background:#e7e7e7;border-bottom:3px solid #DEDEDE;}
#transformer .quotidien .texte {float:right;height:445px;overflow:hidden;width:630px;}
#transformer .quotidien .texte ul {margin:0;padding:0;width:100%;}
#transformer .quotidien .texte li {display:block;overflow:hidden;width:100%;}
#transformer .quotidien .texte .icon {float:left;}
#transformer .quotidien span{font-weight: 700;font-size: 23px;}

/* ***************** Logis ******************** */
#transformer .logis {overflow:hidden;background:#FFFFFF;}
#transformer .logis .texte {float:left;height:370px;overflow:hidden;width:546px;}
#transformer .logis > a,
#transformer .logis > .img {display:block;float:right;}
#transformer .logis > a.hide {display:none;}
#transformer .logis span {font-weight: 700;font-size: 22px;}

/* ****************Produits Utiles************* */
#produits_utiles {width:100%;position:relative;overflow:hidden;text-align:center;margin-bottom:90px;}
#produits_utiles .titre, #produits_utiles .titre a {color:#292828;font:20px 'Open Sans', Arial, Helvetica, sans-serif;text-align:center;}
#produits_utiles .list {margin:0 auto;overflow:hidden;width:785px;height:195px }
#produits_utiles .list a {display:block;float:left;margin:0 10px 0 0;}
#produits_utiles .list a.last-child {margin:0;}

/* ****************   CTA    ************* */

.CTA{width: 100%;}
.CTA div{width: 24%;display: inline-block;float: left;}
.CTA img{width: 100%;}
.CTA span{display: inline-block;color: #ffffff; font-size: 16px;padding: 10px 0}
.CTA .aspiro{background-color: #c8d56f;}
.CTA .purificateur{background-color: #8ebde7;}
.CTA .humidificateur{background-color: #c0c4ca;}
.CTA .station{background-color: #b4b2b4;}
.station a{padding: 15px 0;}
.aspiro {margin: 2px;}
.purificateur {margin: 2px;}
.humidificateur {margin: 2px;}
.station {margin: 1px;}



@media only screen and (max-width:480px) {
	.oh {height:40px }
	#maincontainer {background-position:top left;}
	.webzinePage {width:100%;}
	.header img.titre {position:relative;top:auto;left:auto;width:90%;margin:20px auto;}
	.header .social {position:relative;top:auto;right:auto;margin:15px auto;}
	.header .menu {width:75%;margin:0 auto;position:relative;top:auto;right:auto;position:relative;}
	.header .menu .items {width:100%;height:auto;padding:20px;box-sizing:border-box;}
	#debaras img, #transformer img {width:90%;box-sizing:border-box;}
	#debaras .purificateur .texte, #debaras .purificateur .raisons, #debaras .purificateur .astuces {width:100%;box-sizing:border-box;height:auto;}
	#debaras .purificateur {border:none;}
	#debaras .purificateur a {width:100%;text-align:center;background:#FFFFFF;}
	#debaras .purificateur a img {width:90%;display:block;margin:0 auto;}
	#debaras .purificateur .dix img{width: 10px; height: 15px;}
	#debaras .purificateur a.fr img {width:60%;display:block;margin:0 auto;}
	#debaras .purificateur a.fl {display:none;}
	#debaras .purificateur a.hide {display:block;}
	#debaras .raisons, #debaras .dossiers, #debaras .astuces {background:#FFFFFF;border:none;}
	#debaras .raisons .texte, #debaras .astuces .texte {width:100%;box-sizing:border-box;height:auto;}
	#debaras .raisons img, #debaras .dossiers img, #debaras .astuces img {width:100%;}
	#debaras .astuces a.fr {display:none;}
	#debaras .astuces a.hide {display:block;}
	#transformer .titre img {width:100%;height:80%;}
	#transformer .magiciens .texte {width:100%;box-sizing:border-box;height:auto;}
	#transformer .magiciens .texte #station_meteo {background-image:url(../images/nettoyeur.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:contain !important;background-size:contain !important;display:block;height:90px;width:100%;}
	#transformer .magiciens .texte #aspirateur {background-image:url(../images/magicien_aspirateur.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:contain !important;background-size:contain !important;display:block;height:90px;width:100%;}
	#transformer .magiciens .texte #purificateur {background-image:url(../images/magicien_purificateur.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:contain !important;background-size:contain !important;display:block;height:90px;width:100%;}
	#transformer .magiciens .texte #absorbeur {background-image:url(../images/magicien_absorbeur.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:contain !important;background-size:contain !important;display:block;height:90px;width:100%;}
	#transformer .magiciens .texte #humidificateur {background-image:url(../images/magicien_humidificateur.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:contain !important;background-size:contain !important;display:block;height:90px;width:100%;}
	#transformer .magiciens .list {display:none;}
	#transformer .quotidien .texte {width:100%;box-sizing:border-box;height:auto;}
	#transformer .quotidien .texte ul li {margin-bottom:10px;}
	#transformer .quotidien >a, #transformer .quotidien >a img {width:100%;}
	#transformer .logis .texte {float:right;width:100%;box-sizing:border-box;height:auto;}
	#transformer .logis a.video, #transformer .logis a.video img {display:none;}
	#transformer .logis a.video.hide, #transformer .logis a.video.hide img {display:block;float:left;width:100%;height:auto;}
	#produits_utiles .list {width:100%;height:auto;text-align:center;}
	#produits_utiles .list > a, #produits_utiles .list a.last-child {width:45%;margin:0 2.5% 10px;}
	#produits_utiles .list > a img {width:100% }
	#newsletter {display:none;}
	.ajust span{display: none;}
	.ajust{background: url(/content/static/bfr/_webzine/2015/04_maison_saine/images/femme.jpg);}
	#produits_utiles{margin-bottom: 0; }
	#transformer .logis a.video.hide{display: none;}
	#produits_utiles .titre a {color: #292828;font: 16px 'Open Sans', Arial, Helvetica, sans-serif;text-align: center;}
	.CTA div {width: 49%;max-height:188px; }
	.CTA div.purificateur{float: right;width: 48%;}
	.nonono{display: block}
	#transformer .logis > a.ninini{display: none;}

}