/* RESET */
#center {width: 100% !important;}
#center_part_2_full {float: none !important;width: 100% !important;}
#contenuhome {margin: 0 !important;}
#bottomfooter {margin-top: 0 !important;}
#ftr {margin-top: 0 !important;}
b{font-weight: bold;}
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6 {background: none;border: 0 none;display: block;float: none;font-family: 'Open Sans', sans-serif;margin: 0;padding: 0;}
#top{display: block;overflow: hidden;position: relative;}
#top h2{font: 400 32px 'Open Sans',Arial,sans-serif;color: #3e3e3e;}
#top h3{font: 400 32px 'Open Sans',Arial,sans-serif;color: #3e3e3e;text-align: center;margin: 40px 0px;}
#top .showMobile{display: none;}

/* HEADER */
#top #header-top{width: 100%;max-width: 1000px;margin: 0 auto 20px;position: relative;z-index: 99;}
#top #header-top .ariane{width: 100%;font: 400 12px 'Open Sans',Arial,sans-serif;color: #3b3b3b;margin-top: 15px;position: relative}
#top #header-top .ariane a{text-decoration: none;color: #3b3b3b;outline: none;}
#top #header-top .ariane a:hover{text-decoration: underline;}
#top #header-top .subheader{padding: 20px;font-size: 0px;position: relative;}
#top #header-top .subheader h1{font: 400 38px 'Open Sans',Arial,sans-serif;color: #3b3b3b;text-align: left;display: inline-block;}
#top #header-top .subheader h1 b{display: inline-block;vertical-align: middle;padding-right: 20px;}
#top #header-top .subheader h1 span{display: inline-block;vertical-align: middle;border-left: 2px solid #ff5c00;padding-left: 20px;}
#top #header-top .subheader .share{display: block;float: right;margin-top: 8px;}
#top #header-top .subheader .share .fbT{margin-right: 10px;}
#top #header-top .subheader p{font: 400 16px/18px 'Open Sans',Arial,sans-serif;color: #3b3b3b;display:block;margin: 40px 0px;text-align: justify;}
#top #header-top .subheader a.discover{-webkit-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;display: block;margin: 25px auto 0px;color: #ff5c00;border: 1px solid #ff5c00;border-radius: 3px;width: 275px;height: 38px;font: 400 14px/38px 'Open Sans',Arial,sans-serif;text-align: center;text-decoration: none;outline: none;}
#top #header-top .subheader a.discover:hover{color: #fff;background-color: #ff5c00;-webkit-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;}

/* PRODUITS */
#top #top-products{width: 100%;max-width: 1080px;margin:0 auto 75px;overflow: hidden;z-index: 99;position: relative;}
#top .article{display: block;overflow: hidden;font-size: 0px;padding: 30px 50px;}
#top .article:nth-child(odd){background-color: #ececec;}
#top .article:nth-child(even){margin: 15px 0px;}
#top .article > div{display: inline-block;vertical-align: top;width: 50%;text-align: center;}
#top .article > h2{font: 400 32px/32px 'Open Sans',Arial,sans-serif;color: #3b3b3b;border-left: 2px solid #ff5c00;padding-left: 10px;margin-bottom: 20px;}
#top .article > h2 img{padding-right: 10px;}
#top .article > div.descPdt p{width:95%;font: 400 16px/22px 'Open Sans',Arial,sans-serif;color: #3b3b3b;margin: 0px 0px 30px;text-align: left;}
#top .article:nth-child(even) > div.descPdt p{margin: 0px 0px 30px auto;}
#top .article > p.plus{font-weight: bold;padding-left: 10px;border-left: 2px solid #ff5c00;margin: 0px;text-align: justify;font-size: 16px;}
#top .article > div.buyPdt img{display: block;margin:0 auto;width: 100%;height: auto;}
#top .article > div.buyPdt a{-webkit-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;display: inline-block;margin:25px auto 20px;color: #ff5c00;border: 1px solid #ff5c00;border-radius: 3px;width: auto;font: 400 14px 'Open Sans',Arial,sans-serif;text-align: center;text-decoration: none;outline: none;padding: 10px;}
#top .article > div.buyPdt a:hover{color: #fff;background-color: #ff5c00;-webkit-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;}

/* BTN */
#top a.btnSelection{-webkit-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;display: block;margin:50px auto;color: #ff5c00;border: 1px solid #ff5c00;border-radius: 3px;width: 212px;height: 38px;font: 400 14px/38px 'Open Sans',Arial,sans-serif;text-align: center;text-decoration: none;outline: none;}
#top a.btnSelection:hover{color: #fff;background-color: #ff5c00;-webkit-transition: 0.5s all;-o-transition: 0.5s all;transition: 0.5s all;}

/* CATEGORIES */
#top #categories{width: 100%;max-width: 1080px;display: block;overflow: hidden;font-size: 0px;margin: 0 auto;}
#top #categories li{width: 24.2%;margin-right: 10px;display: inline-block;vertical-align: top;}
#top #categories li:last-child{margin-right: 0px;}
#top #categories li a{display: block;width: 100%;text-decoration: none;outline: none;color: #FFF;overflow:hidden;}
#top #categories li a img{width: 100%;height: auto;}
#top #categories li a p{display: table;padding: 5px 10px;text-align: center;background-color: #231f20;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;min-height: 54px;}
#top #categories li a span{display: table-cell;font: 400 16px 'Open Sans',Arial,sans-serif;vertical-align: middle;}

/* FOOTER */
#top #top-footer{width: 100%;max-width: 1080px;display: block;overflow: hidden;font-size: 0px;margin: 0 auto 40px;}
#top #top-footer li{display: block;width: 49%;float: left;position: relative;}
#top #top-footer li:last-child{float: right;}
#top #top-footer li a{text-decoration: none;outline: none;display: block;background-color: #ececec;padding: 18px;position: relative;}
#top #top-footer li a img{display: inline-block;vertical-align: middle;}
#top #top-footer li a span{font: 300 30px/38px 'Open Sans',Arial,sans-serif;color: #3b3b3b;text-align: center;width: 57%;display: inline-block;vertical-align: middle;}
#top #top-footer li:last-child a span{width: 58%;}
#top #top-footer li a:after{content: "";background: url(/content/static/bcom/desktop/evenements/2017/05_top-photophones/images/arrow.png) center center no-repeat;position: absolute;bottom: 10px;right: 10px;width: 38px;height: 38px;background-size: 38px;}

@media screen and (max-width: 780px){
	#top .showMobile{display: block;}
	#top .hideMobile{display: none !important;}
	#top h3{font: 400 28px 'Open Sans',Arial,sans-serif;margin: 20px auto;width: 90%;}

	#top #header-top {position: relative;}
	#top #header-top .subheader #share-links-btn {display: block;width: 35px;height: 35px;background-size: 100%;position: absolute;top: 4%;right: 3%;z-index: 2}
	#top #header-top .subheader #share-links {background-color: #fff;position: absolute;top: 4%;right: 3%;background-size: 40%;width: 74%;padding: 2% 10% 3%;z-index: 999;-webkit-box-shadow: 0 0 15px 0 #656565;box-shadow: 0 0 15px 0 #656565;display: none;}
	#top #header-top #share-links .title-share {display: inline-block;margin: 0 0 15px 0;padding: 0 10px 4px 0;color: #000;border-bottom: 1px solid #000;font: 18px 'Open Sans', Arial, sans-serif}
   	#top #header-top #share-links a {display: block}
   	#top #header-top #share-links img {width: 50%;margin-bottom: 3%}
   	#top #header-top #share-links .close {display: block;position: absolute;top: 5%;right: 3%;z-index: 1000;background: url(/content/static/bcom/desktop/evenements/2016/05_french-tech/img/share-close.png);width: 15px;height: 15px;background-size: 100%}
	#top #header-top .subheader h1{display: block;text-align: center;}
	#top #header-top .subheader h1 b{display: block;padding-right: 0px;text-align: center;}
	#top #header-top .subheader h1 b:after{content:"";display: block;margin: 10px auto 3px;height: 2px;width: 50px;background-color: #ff5c00;}
	#top #header-top .subheader h1 span{display: block;border-left: 0px;padding-left: 0px;text-align: center;font-size: 32px;}
	#top #header-top .subheader p{font: 400 14px/18px 'Open Sans',Arial,sans-serif;color: #3b3b3b;display:block;margin: 20px 0px 0px;}

	#top #top-products{margin:0 auto 20px;}
	#top .article{display: -webkit-box;display: -ms-flexbox;display: flex;overflow: hidden;font-size: 0px;padding: 30px 10px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	#top .article > div{display: block;width: 100%;}
	#top .article > div.descPdt {}
	#top .article > h2{font: 400 25px/25px 'Open Sans',Arial,sans-serif;margin-bottom: 10px;}
	#top .article > h2 img{max-width: 40%;}
	#top .article > h2 img.lg{max-width: 10%;}
	#top .article > div.descPdt p{font: 400 14px/20px 'Open Sans',Arial,sans-serif;color: #3b3b3b;margin: 10px 0px;width: 100%;text-align: justify}
	#top .article > div.buyPdt {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;margin-top: 20px;}
	#top .article > div.buyPdt iframe{width: 100%;height: auto;}
	#top .article > div.buyPdt img{}

	#top a.btnSelection{display: block;margin:20px auto;width: 80%;}

	#top #categories{width: 100%;max-width: 1080px;display: block;overflow: hidden;font-size: 0px;margin: 0 auto;}
	#top #categories li{width: 80%;margin: 5px auto !important;display: block;}
	#top #categories li a img{display: none;}
	#top #categories li a span{display: block;padding: 10px 0px;font: 400 15px/15px 'Open Sans',Arial,sans-serif !important;color: #3b3b3b;background-color: transparent;border: 1px solid #3b3b3b;border-radius: 3px;}
	#top #categories li a p{display: block;background-color: transparent;min-height: 0px;}

	#top #top-footer li{display: block;width: 90%;float: none !important;margin: 0 auto 20px;}
	#top #top-footer li a img{display: block;margin: -25px auto;-webkit-transform: scale(0.6);-ms-transform: scale(0.6);transform: scale(0.6);}
	#top #top-footer li a span{font: 300 24px/30px 'Open Sans',Arial,sans-serif;width: 100% !important;display: block;}
}