/* ******** RESET ******** */
body {}
#contenuhome { }
a { text-decoration: none; }
img { border: 0 }
#center { background: none; width:100%; }
#hub .center{ text-align:center}
#center_part_2_full, #contenuhome { width: 100%; margin: 0; background: none; }
#hub { display: block; width: 100%; font: 400 16px 'Open Sans', Arial, sans-serif; text-align: left; overflow: hidden; position: relative; cursor: default; }
#hub b, #hub strong { font-weight: bold; }
#hub i, #hub em { font-style: italic; }
#ftr { margin-top: 0 !important; }
#hub li { font-size: 0.875em; }
.showmobile{ display:none}


/* ******** STYLES COMMUNS ******** */
#hub h2.section-title{ height:40px;  clear:both; line-height:40px; width:1000px; color:#00b0b9; text-align:center; font-size:22px; text-transform:uppercase; font-weight:300; margin:0 auto; margin-bottom:20px;}
#hub h2.section-title span{ font-weight:500}
#hub .section { width:1000px; margin:0 auto; padding-bottom:50px; display:flex;}
#hub .section .fl_r{ order:+1;}
#hub .section .fl_r img{ float:right}
#hub #header-hub .entete{ width:1000px; margin:0 auto; position:relative}
#hub .section * {line-height: 1.3em;}
#hub .section.full{ width:100%; margin-bottom:25px;}
#hub .bloc-section{ width:49%; display:inline-block; vertical-align:top;}
#hub .section p{font: 400 16px 'Open Sans', Arial, sans-serif; line-height:26px; padding:10px; color:#3b3b3b; text-align:justify; }
#hub .section p::first-letter {
  font-family: Open sans, Arial, Helvetica, sans-serif;
   font-size: 3.5em; 
   float: left; padding: 10px 5px 5px 0; height: 10px; 
   position: relative; 
   line-height: 0.5;
}

/* ******** STYLES HEADER ******** */
#hub #header-hub{ background:url(../images/header2_02.jpg) top center no-repeat fixed; min-height:356px;padding-bottom:0;}
#hub #header-hub .entete .back a{ display:block; padding-top:20px; font: 300 20px 'Open Sans', Arial, sans-serif; color:#FFFFFF;}
#hub #header-hub .entete .share { position: absolute; right: 0; width: 150px; top: 10px; text-align: center; }
#hub #header-hub .entete .share a { text-decoration: none; margin-left:10px;}
#hub #header-hub .entete .share img { cursor: pointer; -webkit-animation: bounce 3s infinite; animation: bounce 3s infinite; outline: 0; width: 41px; height: auto; }
#hub #header-hub .entete .title-entete{ padding-top:30px;}
#hub #header-hub .entete .title-entete h2{font: 300 28px 'Open Sans', Arial, sans-serif;  line-height:65px; color:#FFFFFF; width:100%; text-align:center;}
#hub #header-hub .entete .title-entete span{ font-size:36px; font-weight:500; }
#hub #header-hub .entete .title-entete p{ color:#FFFFFF; padding-top:50px;}
#hub #header-hub .entete .title-entete p::first-letter{font-size: inherit; 
   float:none; padding: 0; height: inherit; 
   position: inherit; 
   line-height: inherit}

/* ******** SECTION 3 ***************/
#hub .section.parallax{background:url(../images/encart3.jpg) top center no-repeat fixed; min-height:212px;padding-bottom:0;}

/* ******** SECTION 6 ***************/

#hub .section.product{ background-color:#f2f2f2; margin-bottom:30px; padding:0}
#hub .section.product .bloc-sectionl, #hub .section.product .bloc-sectionr{ display:inline-block; }
#hub .section.product .bloc-sectionl{ width:55%;vertical-align:top;}
#hub .section.product .bloc-sectionr{ width:44%;}

#hub .section.product .bloc-sectionl .product-img{ display:inline-block; width:50%}
#hub .section.product .bloc-sectionl .product-img img{ display:block; margin-left:70px;}
#hub .section.product .bloc-sectionl .product-info{ display:inline-block; width:49%; vertical-align:top; padding-top:30px;}


#hub .section.product .bloc-sectionl .product-info h2{ text-transform:uppercase; font: 300 16px 'Open Sans', Arial, sans-serif;  padding-bottom:25px;}
#hub .section.product .bloc-sectionl .product-info h2 span{font-size:22px; font-weight:400; }
#hub .section.product .bloc-sectionl .product-info .desc{font: 400 14px 'Open Sans', Arial, sans-serif; color:#3b3b3b; }
#hub .section.product .bloc-sectionl .product-info .price, #hub .section.product .bloc-sectionl .product-info .stars{ display:inline-block;}
#hub .section.product .bloc-sectionl .product-info .price{ color:#00b0b9;font: 700 28px 'Open Sans', Arial, sans-serif; }
#hub .section.product .bloc-sectionl .product-info .stars{ background: url(../images/star.png) top left repeat-x; width:95px; height:16px; margin-left:60px;}

#hub .section.product .bloc-sectionl .product-info .morebtn{
	text-align: center;
  display: block;
  text-decoration: none;
  font: 400 14px 'Open Sans', Arial, sans-serif;
  color: #00b0b9;
  width: 128px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #00b0b9;
  border-radius: 3px;
  background-color: none;
  -webkit-transition: .8s all;
  transition: .8s all;
  margin: 0 auto;
	}
#hub .section.product .bloc-sectionl .product-info .morebtn:hover {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: .3s all;
  transition: 0.3s all;
}

#hub .section.product ul{ margin-top:35px; position:relative;float:center}
#hub .section.product ul li{ margin-top:7px;  }
#hub .section.product ul li .morebtn {
  text-align: center;
  display: block;
  text-decoration: none;
  font: 600 16px 'Open Sans', Arial, sans-serif;
  color: #3b3b3b;
  width: 270px;
  height: 43px;
  line-height: 43px;
  border: 1px solid #3b3b3b;
  border-radius: 3px;
  background-color: none;
  -webkit-transition: .8s all;
  transition: .8s all;
  margin: 0 auto;
}
#hub .section.product ul .morebtn:hover {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: .3s all;
  transition: 0.3s all;
}

/* ******** SECTION 7 ***************/

#hub .section.banner-footer{ background-color:#74b0e0; margin-bottom:30px; padding:0}
#hub .section.banner-footer .bloc-sectionl{display:inline-block; width:55%;vertical-align:top; text-align:right}
#hub .section.banner-footer .bloc-sectionr{display:inline-block; width:44%; align-content:center;}

#hub .section.banner-footer .bloc-sectionr .morebtn{
	text-align: center;
  display: block;
  text-decoration: none;
  font: 400 14px 'Open Sans', Arial, sans-serif;
  color: #FFFFFF;
  width: 270px;
  height: 41px;
  line-height: 41px;
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  background-color: none;
  -webkit-transition: .8s all;
  transition: .8s all;
  margin: 35px auto;
	}
#hub .section.banner-footer .bloc-sectionr .morebtn:hover {
  background-color: rgba(72, 134, 183, 0.3);
  -webkit-transition: .3s all;
  transition: 0.3s all;
}


@media screen and (max-width: 640px) {
#hub .showmobile{ display:block; width:100%}
#hub .section.parallax{background:none; width:100%; min-height:100px; height:auto; padding-bottom:0;}
	
#hub .section { width:100%; display:block; padding-bottom:20px;}
#hub #header-hub{ background:none; min-height:356px;padding-bottom:0;}
#hub #header-hub .entete{background:url(../images/header2_sim.jpg) top center no-repeat; background-size:cover; width:100%; margin:0 auto; position:relative}

#hub .bloc-section{ width:100%;  text-align:center; display:block; vertical-align:top;}
#hub .bloc-section img, #hub .section.product .bloc-sectionr, #hub .section.banner-footer .bloc-sectionl, #hub .section.banner-footer .bloc-sectionr{ width:100%;}
#hub .section .fl_r img{ float:none}
#hub #header-hub .entete .back{ display:none;}
#hub #header-hub .entete .share { position: absolute; width: 100%; top: 160px; text-align: center; }
#hub #header-hub .entete .title-entete{ padding-top:25px;}
#hub #header-hub .entete .title-entete h2{font: 300 28px 'Open Sans', Arial, sans-serif;  line-height:40px; color:#FFFFFF; width:100%; text-align:center;}
#hub #header-hub .entete .title-entete p{  margin-top:65px;}

#hub h2.section-title{ width:80%; margin-bottom:20px;}
#hub h2.section-title{font: 400 18px 'Open Sans', Arial, sans-serif; padding:0 15px; height:auto; }
#hub .section p{font: 400 16px 'Open Sans', Arial, sans-serif; line-height:22px; padding:15px; }
#hub .section.product .bloc-sectionl{ width:100%}
#hub .section.product .bloc-sectionl .product-img{ width:45%;}
#hub .section.product .bloc-sectionl .product-img img{ margin-left:0;}
#hub .section.product .bloc-sectionl .product-info .stars{ margin-left:20px;}
#hub .section.product .bloc-sectionr{ padding-bottom:20px;}
#hub .section.banner-footer .bloc-sectionr .morebtn{margin: 15px auto;}
}