*{margin:0;padding:0}
b,strong{font-weight:600}
i{font-style:italic}
#container{background:url(../images/header-background.jpg) no-repeat center; background-position-y:201px;}
#center{width:100%;background:none;padding-bottom:0;position:relative}
#center_part_2_full{width:100%;background:none}
#contenuhome{margin:0;background:none}
body{font-size:100%;background:none}
#ftr{margin:0 !important}
#header{overflow:hidden;background:#fff}
header{background:#fff;padding:0}
.clear{clear:both}
#hub{width:100%;max-width:1000px;margin:0 auto;padding-bottom:25px;font-size:12px}
#hub li{list-style:none}
#smart-tv{width:1000px;overflow:hidden;display:block;margin:0 auto;font-family:'Open sans',Arial,sans-serif;position:relative}
#smart-tv a.header-retour{position:relative;display:block;font:500 21px 'Open sans',Arial,sans-serif;color:#fff;text-decoration:none;text-align:left;padding:0 0 0 85px;margin-top:25px;background:none}
#smart-tv a.header-retour:before{content:'';position:absolute;top:-13px;left:15px;width:50px;height:50px;border-radius:4px;border:1px solid #fff;}
#smart-tv a.header-retour:after{content:'';position:absolute;top:1px;left:31px;width:19px;height:26px;background:url(../images/fleche-retour.png);background-size:100%;}
#smart-tv .header-encart{position:absolute;top:126px;left:1.6%;width:30.4%;background-color:#fff;opacity:0.8;padding:40px 25px}
#smart-tv h1{font:300 36px 'Open sans',Arial,sans-serif;color:#000;text-transform:uppercase;width:100%;text-align:left;margin:0 0 15px 0;padding-bottom:3px;background:none}
#smart-tv .header-encart h2{font:300 14px 'Open sans',Arial,sans-serif;color:#000;line-height:18px;width:100%;text-align:left;margin:0;background:none}
#smart-tv .showMobile{display:none}
#smart-tv #header-smart-tv{width:100%;height:368px}
#smart-tv #header-smart-tv .header-container{position:relative}
#smart-tv #header-smart-tv .header-container .logo{position:absolute;top:16%;left:1%}
#smart-tv #header-smart-tv .header-container .share{position:absolute;top:2%;right:1%;width: 165px;text-align: center;}
#smart-tv #header-smart-tv .header-container .share a{text-decoration:none}
#smart-tv #header-smart-tv .header-container .share p{display:inline-block;font:400 22px 'Open Sans',Arial,sans-serif;color:#fff;vertical-align:top;margin-left:10%;margin-bottom:15px}
#smart-tv #header-smart-tv .header-container .share img{cursor:pointer;-webkit-animation:bounce 3s infinite;animation:bounce 3s infinite;outline:0}
@-webkit-keyframes bounce{
0%,10%,15%,20%,45%,70%,80%,90%,91%,92%,93%,94%,95%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px)}}
@keyframes bounce{
0%,10%,15%,20%,45%,70%,80%,90%,91%,92%,93%,94%,95%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
}
#smart-tv nav{width:100%;margin-top:6px;}
#smart-tv nav.scroll{ position:fixed;top:0;z-index:250;width:1000px;margin:auto;}
#smart-tv nav ul{list-style:none;margin:0;padding:0}
#smart-tv nav li{display:inline-block;width:33.13%;background:#fff;color:#063877;text-align:center;font-weight:bold;font-size:20px;line-height:80px;border:1px solid #063877}

#smart-tv nav li a{text-decoration:none;text-align:center;color:#063877;}
#smart-tv nav li.active{background:#063877;}
#smart-tv nav li.active a{color:#fff}

#smart-tv .titre-01{width:100%;height:227px;background:url(../images/titre-01-bg.jpg) no-repeat top right;float:left}
#smart-tv .titre-01 h3{width:41.6%;margin-left:7.8%;margin-top:40px;font-size:30px;color:#000;font-weight:normal}
#smart-tv .titre-01 h4{width:41.6%;margin-left:7.8%;margin-top:4px;font-size:16px;color:#000;}

#smart-tv .content{width:100%;padding:0}
#smart-tv .content img{float:left;}
#smart-tv .content article{width:26.803%;float:left;height:371px;padding:58px 24px;font-size:14px;text-align:left;}
#smart-tv .content article h5{text-align:center;font-size:18px;margin-bottom:35px}
#smart-tv .content article h5 strong{font-weight:600;}
#smart-tv .content article.middle-blue{background-color:#cbdbf3;color:#000;}
#smart-tv .content article.middle-blue h5{color:#063877}
#smart-tv .content article.dark-blue{background-color:#1d4a83;color:#fff;}
#smart-tv .content article.light-blue{background-color:#e9edf3;color:#292929}
#smart-tv .content article.light-blue h5{color:#063877;text-align:left;margin-left:7px;margin-bottom:38px}

#smart-tv .titre-02{width:100%;height:227px;background:url(../images/titre-02-bg.jpg)no-repeat top right;float:left}
#smart-tv .titre-02 .ensemble-texte-titre-02{width:56%;background-color:#fff;float:left;padding-bottom:27px}
#smart-tv .titre-02 h3{width:100%;margin-left:7.8%;margin-top:22px;font-size:30px;color:#000;font-weight:normal}
#smart-tv .titre-02 h4{width:81%;margin-left:7.8%;margin-top:4px;font-size:14px;color:#000;}
#smart-tv .content-02{width:100%;padding:0;}
#smart-tv .content-02 img{float:left}
#smart-tv .content-02 img.logo-systeme{position:absolute;top:0;right:0}
#smart-tv .content-02 img.visu{display:block;margin-left:0}
#smart-tv .content-02 article{width:29.5343%;float:left;height:957px;padding:58px 10px;font-size:14px;text-align:left;position:relative;}
#smart-tv .content-02 article h5{text-align:center;font-size:18px;margin-bottom:35px}
#smart-tv .content-02 p{float:left;margin-bottom:40px;margin-top:30px}
#smart-tv .content-02 article.middle-blue{width:31.5343%;background-color:#cbdbf3;color:#000;}
#smart-tv .content-02 article.middle-blue img.logo-systeme{top:15px;right:-10px}
#smart-tv .content-02 article.middle-blue h5{color:#063877}
#smart-tv .content-02 article.dark-blue{width:29.5343%;background-color:#1d4a83;color:#fff;}
#smart-tv .content-02 article.dark-blue img.logo-systeme{top:10px;right:-10px}
#smart-tv .content-02 article.light-blue{width:27.5343%;background-color:#e9edf3;color:#292929}
#smart-tv .content-02 article.light-blue h5{color:#063877;text-align:left;margin-left:7px;margin-bottom:38px}
#smart-tv .content-02 article.light-blue img.logo-systeme{top:10px;right:4px}

#smart-tv .titre-03{width:100%;height:162px;background:url(../images/apple-visu.png)#2c5cae no-repeat top right;float:left}
#smart-tv .titre-03 .ensemble-texte-titre-03{width:56%;float:left;padding-bottom:27px}
#smart-tv .titre-03 h3{width:100%;margin-left:11.8%;margin-top:29px;font-size:18px;color:#f0f1f4;font-weight:normal;position:relative;padding-left:44px}
#smart-tv .titre-03 h3:before{position:absolute;top:-19px;left:0px;content:'';width:42px;height:48px;background:url(../images/apple-logo.png);}
#smart-tv .titre-03 h4{width:81%;margin-left:11.8%;margin-top:11px;font-size:14px;color:#f0f1f4;}


#smart-tv .titre-04{width:100%;height:224px;background:url(../images/titre-03-bg.png)no-repeat top right;float:left}
#smart-tv .titre-04 .ensemble-texte-titre-04{width:56%;background-color:#fff;float:left;padding-bottom:73px;padding-top:65px;line-height:32px}
#smart-tv .titre-04 h3{width:100%;margin-left:7.8%;margin-top:22px;font-size:30px;color:#000;font-weight:normal}

#smart-tv .smart-question-content-01{float:left;width:92%;height:572px;text-align:right;padding:40px;background:url(../images/smart-01-bg.jpg);}
#smart-tv .smart-question-content-01 article{float:right;width:30%}
#smart-tv .smart-question-content-01 h3{font-size:18px;font-weight:bold;margin-bottom:15px;color:#fff;text-align:right;}
#smart-tv .smart-question-content-01 p{width:73%;float:right;font-size:14px;font-weight:normal;text-align:right;color:#fff;line-height:17px}
#smart-tv .smart-question-content-01 article a{display:block;font-size:14px;font-weight:400;text-decoration:none;position:relative;color:#fff;padding-top:15px;text-align:right;padding-right:10px;margin-top:15px}
#smart-tv .smart-question-content-01 article a span{display:block;padding-right:10px;}
#smart-tv .smart-question-content-01 article a:before{position:absolute;content:'';width:49px;height:49px;border:1px solid #fff;border-radius:5px;top:18px;right:-63px}
#smart-tv .smart-question-content-01 article a:after{position:absolute;content:'';width:27px;height:41px;background:url(../images/fleche-d.png);top:23px;right:-52px}
#smart-tv .smart-question-content-01 article.logo{padding-right:60px;margin-top:68px}

#smart-tv .smart-question-content-02{float:left;width:92%;height:572px;text-align:left;padding:40px;background:url(../images/smart-02-bg.jpg);}
#smart-tv .smart-question-content-02 article{float:left;width:30%}
#smart-tv .smart-question-content-02 h3{font-size:18px;font-weight:bold;margin-bottom:15px;color:#fff;text-alignleft;}
#smart-tv .smart-question-content-02 p{width:73%;float:left;font-size:14px;font-weight:normal;text-align:left;color:#fff;line-height:17px}
#smart-tv .smart-question-content-02 article a{display:block;font-size:14px;font-weight:400;text-decoration:none;position:relative;color:#fff;padding-top:15px;text-align:left;padding-right:10px;margin-top:15px}
#smart-tv .smart-question-content-02 article a span{display:block;padding-right:10px;}
#smart-tv .smart-question-content-02 article a:before{position:absolute;content:'';width:50px;height:50px;background-color:#fff;border-radius:5px;top:8px;right:55px}
#smart-tv .smart-question-content-02 article a:after{position:absolute;content:'';width:27px;height:41px;background:url(../images/fleche-d-blue.png);top:12px;right:65px}
#smart-tv .smart-question-content-02 article.logo{padding-right:60px;margin-top:5px}


#smart-tv .smart-question-content-03{float:left;width:92%;height:612px;text-align:right;padding:30px 40px 0;background:url(../images/smart-03-bg.jpg);}
#smart-tv .smart-question-content-03 article{float:right;width:30%}
#smart-tv .smart-question-content-03 h3{font-size:18px;font-weight:bold;margin-bottom:15px;color:#fff;text-align:right;}
#smart-tv .smart-question-content-03 p{width:73%;float:right;font-size:14px;font-weight:normal;text-align:right;color:#fff;line-height:17px}
#smart-tv .smart-question-content-03 article a{display:block;font-size:14px;font-weight:400;text-decoration:none;position:relative;color:#fff;padding-top:10px;text-align:right;padding-right:10px;margin-top:5px}
#smart-tv .smart-question-content-03 article a span{display:block;padding-right:10px;}
#smart-tv .smart-question-content-03 article a:before{position:absolute;content:'';width:49px;height:49px;border:1px solid #fff;border-radius:5px;top:12px;right:-42px}
#smart-tv .smart-question-content-03 article a:after{position:absolute;content:'';width:27px;height:41px;background:url(../images/fleche-d.png);top:17px;right:-30px}
#smart-tv .smart-question-content-03 article.logo{padding-right:42px;margin-top:5px}

#smart-tv .titre-05{width:100%;height:250px;background:url(../images/titre-04-bg.png)no-repeat top right;float:left}
#smart-tv .titre-05 .ensemble-texte-titre-05{width:56%;background-color:#fff;float:left;padding-bottom:93px;padding-top:58px;line-height:32px}
#smart-tv .titre-05 h3{width:100%;margin-left:7.8%;margin-top:22px;font-size:30px;color:#000;font-weight:normal}
#smart-tv .titre-05 a{color:#fff;background-color:#063877;border-radius:5px;padding:15px 110px 15px 45px;font-size:18px;position:relative;text-decoration:none;line-height:19px;margin-left:652px;top:38px}
#smart-tv .titre-05 a:before{width:1px;height:50px;background-color:#6d86a5;content:'';position:absolute;top:2px;right:58px}
#smart-tv .titre-05 a:after{content:'';position:absolute;top:16px;right:24px;width:14px;height:21px;background:url(../images/fleche-d.png);background-size:100%;}


#backtop {width:74px;height:73px;position:fixed;right:45px;bottom:4%;z-index:250;background:url(../images/haut-btn.png);display:none}