@charset "UTF-8";* html body,html{margin-top: 0!important}
@media screen and (max-width:782px){* html body,html{margin-top: 0!important}}
iframe{width:100%;height:380px;}
#wpadminbar{display: none}
body{padding: 0;margin: 0;width: 100%;max-width: 100%;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: hidden}
a{text-decoration: none}
a img{border: none}
.clear{clear: both}
#banrubrique li a.active{color: #ffffff;background: #212121}
#banrubrique li a.active:hover{color: #ffffff;}
#main{position: absolute;display: block;z-index: 0;width: 100%;left: -145px;overflow: hidden;-webkit-transition: left .2s ease-out;transition: left .2s ease-out}
#main.mainsousmenu{z-index: 3}
#main.active{left: -85%}
#header{position: relative;z-index: 0;width: 100%;height: 239px;border-top: 6px solid #ea0202;border-bottom: 1px solid #e5e5e5;box-shadow: 0 3px 4px 0 rgba(0,0,0,.2);background-image: url(../../images/2016shock/shock.jpg);BACKGROUND-REPEAT: no-repeat;BACKGROUND-POSITION: center top}
.responsivearea{width: 870pt}
.qiyezuop,.responsivearea{position: relative;display: block;margin: 0 auto;height: auto}
.qiyezuop{width: 600px}
#shocksoul{position: absolute;left:288px;font-size:19px;line-height:28px;letter-spacing: 1px;text-transform: uppercase;top:58px; width:278px}
#shocksoul a{color: #999;-webkit-transition: color .2s ease-out;transition: color .2s ease-out;}
#shocksoul a h15{font-size: 20px;    font-weight: bold;    color: #e72231;float:left;text-align:center}
#shocksoul a span{color: #727171;font-weight: bold;font-size: 16px;line-height: 13px;white-space: nowrap;letter-spacing: 1px;font-family: 微软雅黑; text-align:center; letter-spacing:2px;}
#shocksoul a:hover{color: #000}
#shockgrasp{position: absolute;left:698px;;font-size:19px;line-height:18px;letter-spacing: 1px;text-transform: uppercase;top:108px; width:278px}
#shockgrasp a{color: #999;-webkit-transition: color .2s ease-out;transition: color .2s ease-out;}
#shockgrasp a h15{font-size: 20px;    font-weight: bold;    color: #e72231;float:left;text-align:center; letter-spacing:2px;}
#shockgrasp a span{color: #727171;font-size:10px;line-height: 13px;white-space: nowrap;letter-spacing: 1px;font-family: 微软雅黑; text-align:center; letter-spacing:0px;}
#shockgrasp a:hover{color: #000}
.encycl-detail-tit .header_bot,.encycl-detail-tit .header_top{position: fixed;width: 100%;bottom: 0}
.encycl-detail-tit .encycl-order-btn{position: absolute;width: 170px;height: 35px;left: 50%;top: 5px;margin-left: -85px;line-height: 35px;border-radius: 20px;background-color: #ff9c00;color: #fff}
#M_load{background: #000;z-index: 999999;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
.round{width: 5pc;height: 5pc;background: hsla(0,0%,7%,.6);border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -40px 0 0 -40px;animation: myfirst_1 2s ease-in-out infinite alternate;-webkit-animation: myfirst_1 2s ease-in-out infinite alternate;background: url(../../images/shock/dai.png) no-repeat;background-size: 5pc 5pc}
.round_2{animation: myfirst_2 2s ease-in-out infinite alternate;-webkit-animation: myfirst_2 2s ease-in-out infinite alternate}
.round_txte{width: 90pt;font-size: 14px;position: absolute;top: 50%;left: 50%;margin: 50px 0 0 -60px;text-align: center;color: #f5f5f5}
@keyframes myfirst_1{0%,to{transform: scale(0,0);-webkit-transform: scale(0,0)}
50%{transform: scale(1,1);-webkit-transform: scale(1,1)}}
@keyframes myfirst_2{0%,to{transform: scale(1,1);-webkit-transform: scale(1,1)}
50%{transform: scale(0,0);-webkit-transform: scale(0,0)}}
#logo{position: absolute;left: 50%;margin-top: 10px}
#logo a{position: relative;display: block;width: 114px;height: 170px}
#logo img{position: absolute;top: 0}
#weixinmp,.logofixe{display: none}
#weixinmp{position: absolute;right: 15px;margin-top: 2pc}
#weixinmp,#searchform{height: 20px}
#s{float: left;width: 150px;background: #fff;font-size: 13px;line-height: 20px;letter-spacing: 1px;font-weight: 400;color: #999;text-transform: uppercase;-webkit-font-smoothing: antialiased}
#s,.okrecherche{border: 0;height: 20px}
.okrecherche{float: right;background: url(../../images/2016shock/loupe.png) no-repeat center left;width: 15px;cursor: pointer;margin: 0;padding: 0}
.okrecherche:after{clear: both}
#header li,#header ul{list-style: none;margin: 0;padding: 0;text-align: center}
.responsivearea.bis,.sep_hor{top: 190px}
.sep_hor{position: absolute;display: block;width: 100%;height: 1px;background: #e5e5e5}
#header ul li{display: inline-block;height: 50px;padding: 0;font-size: 16px;line-height: 50px;letter-spacing: 1px;font-weight: 400;color: #000;text-transform: uppercase}
#header ul li.menu_autres{padding: 0 15px}
#header ul li a{display: block;padding: 0 15px;color: #000;line-height: 50px;height: 50px}
#header ul li.survol,#header ul li:hover,#header ul li:hover a{color: #000;-webkit-transition-delay: .28s;transition-delay: .28s}
#header ul li.survol,#header ul li:hover{background: #efefef}
#header ul.immediate li.survol,#header ul.immediate li:hover,#header ul.immediate li:hover a{-webkit-transition-delay: 0s!important;transition-delay: 0s!important}
#header ul li.menu_fw{background: url(../../images/2016shock/sep_tv.png) no-repeat left top,url(../../images/2016shock/sep_tv.png) no-repeat right top;margin: 0 15px}
#header ul li.menu_fw:hover{background: #efefef;color: #000}
#header ul li.menu_fw a{padding: 0 30px}
#boutonmenu{position: absolute;right: 0;width: 54px;height: 88px;background: url(../../images/2016shock/menu.png) no-repeat right center;background-color: #fff;border-left: 1px solid #eee;display: none}
#boutonmenu.active{display: block;height: 88px;background: url(../../images/2016shock/menu.png) no-repeat left center;background-color: #000}
#boutonsearch{position: absolute;left: 0;width: 54px;height: 88px;background: url(../../images/2016shock/searchmobile.png) no-repeat right center;background-color: #fff;border-right: 1px solid #eee;display: none}
#boutonsearch.active{display: block;height: 88px;background: url(../../images/2016shock/searchmobile.png) no-repeat left center;background-color: #333}
#sousmenu{position: absolute;top: 0;width: 100%;height: 0;background: #efefef;display: block;overflow: hidden}
#main.mainsousmenu,#sousmenu{-webkit-transition-delay: .28s;transition-delay: .28s}
#main.mainsousmenu{top: 246px}
#main.mainsousmenu.immediate,#sousmenu.immediate{-webkit-transition-delay: 0s!important;transition-delay: 0s!important}
#main.mainsousmenu.active{height: 390px;left: -145px}
#sousmenu.active{height: 380px;border-bottom: 7px solid #000;z-index: 1000;box-shadow: 0 3px 4px 0 rgba(0,0,0,.2)}
#sousmenu .responsivearea{padding-top: 30px;height: 350px}
.sm{position: absolute;top: 30px;height: 350px;display: none}
.sm.active{display: block}
.bloc2{overflow: hidden;float: left;width: 260px;height: 260px;margin: 0 15px}
.bloc2,.bloc2 img{position: relative;display: block}
.bloc2 img{z-index: 0;width: 100%;height: auto}
.bloc2 .text{position: relative;z-index: 1;color: #888;text-transform: uppercase;font-size: 11px;line-height: 11px;letter-spacing: 1px;text-align: center;background: linear-gradient(to left,#efefef 50%,#ea0202 50%);background-repeat: no-repeat;background-size: 200% 4px;background-position: right top;padding-top: 18px;-webkit-transition: margin-top .2s ease-out,background-position .3s linear;transition: margin-top .2s ease-out,background-position .3s linear;background-color: #000}
.bloc9{position: relative;display: block;overflow: hidden;float: left;width: 166px;height: 218px;margin: 0 13px}
.bloc9 img{position: relative;z-index: 0;width: 138px;height: auto}
.bloc9 .text{position: relative;z-index: 1;color: #888;text-transform: uppercase;font-size: 11px;line-height: 11px;letter-spacing: 1px;text-align: center;-webkit-transition: margin-top .2s ease-out,background-position .3s linear;transition: margin-top .2s ease-out,background-position .3s linear}
#sousmenu .text{background-color: #efefef}
.bloc2:hover .text,.bloc9:hover .text{margin-top: -15px;background-position: left top}
h4{margin: 15px 0;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-weight: 400;font-size: 15px;line-height: 20px;letter-spacing: 1px;text-transform: uppercase}
.sm_autres .bloc2{height: 180px}
.sm_autres h4{margin: 0}
.sm_autres .text{padding-top: 13px}
h4 a{color: #000}
.bloc2 .read{height: 9pt;margin-top: 20px;padding-left: 20px;background: url(../../images/2016shock/read_fleche.png) no-repeat left 5px;font-size: 9pt;line-height: 9pt;letter-spacing: 1px;text-transform: uppercase;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
.bloc2:hover .read{opacity: 1}
.bloc9 .read{height: 9pt;margin-top: 20px;padding-left: 20px;background: url(../../images/2016shock/read_fleche.png) no-repeat left 5px;font-size: 9pt;line-height: 9pt;letter-spacing: 1px;text-transform: uppercase;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
.bloc9:hover .read{opacity: 1}
#sousmenu .read a{color: #545454}
ul.themespopulaires{position: absolute;bottom: 0;left: 0;width: 870px;margin: 0 0 0 15px;padding: 0;list-style: none}
ul.themespopulaires li{position: relative;float: left;width: 216px;height: 45px;margin: 0;padding: 0;border-top: 1px solid #ccc;border-left: 1px solid #ccc;list-style: none;font-size: 13px;line-height: 45px;letter-spacing: 1px;text-align: center;text-transform: uppercase}
ul.themespopulaires h7{position: relative;float: left;width:100%;margin: 0;padding: 30px 0;list-style: none;font-size: 13px;letter-spacing: 1px;text-align: center;text-transform: uppercase;background-color:#FF0000;height: 2pc;}
ul.themespopulaires h8{position: relative;float: left;width:100%;margin: 0;padding: 30px 0;list-style: none;font-size: 13px;letter-spacing: 1px;text-align: center;text-transform: uppercase;background-color:#FF0000;height: 2pc;}
.sm_tv ul.themespopulaires li{width: 434px}
.sm_pmsj ul.themespopulaires li{width: 434px}
.sm_xcsp ul.themespopulaires li{width: 434px}
.sm_swdh ul.themespopulaires li{width: 434px}
ul.themespopulaires li a{color: #999;width: 100%;display: block}
ul.themespopulaires li:hover a{color: #000}
.touslesarticles{position: absolute;right: 0;bottom: 0;width: 262px;height: 2pc;margin-right: 15px;padding: 30px 0;background-image: url(../../images/2016shock/zhenx.png);background-position: center;background-repeat: no-repeat;background-attachment: fixed;cursor: pointer}
.touslesarticles a{float: left;width: 130px;margin-top: -3px;margin-left: 40px;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-size: 15px;line-height: 20px;font-weight: 400;letter-spacing: 1px;color: #999;text-transform: uppercase}
.more,.touslesarticles a{position: relative;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
.more{float: right;border-radius: 50%;margin-right: 40px;width: 30px;height: 30px;border: 2px solid #878787;background: url(../../images/2016shock/envoirplus_fleche.png) no-repeat center right}
.touslesarticles:hover .more{border: 2px solid #fff;background: url(../../images/2016shock/envoirplus_fleche.png) no-repeat center left}
#menumobile{display: none;width: 100%;position: fixed;left: 100%;height: 110%;z-index: 1000;background: #222;overflow-y: scroll;-webkit-overflow-scrolling: touch;border-top: 6px solid #ea0202;color: #fff;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
#menumobile:before{content: "";position: absolute;border-left: 6px solid #000;height: 100%;left: 0;top: 0}
#menumobile.active{left: 12%}
#menumobile ul{list-style: none;padding: 0 0 60px;margin: 0;width: 100%}
#menumobile li{height: 50px;list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #363636}
#menumobile li a{display: block;width: 80%;height: 51px;padding-left: 5pc;color: #fff;font-size:16px;line-height: 50px;border-bottom: 1px solid #000;background: 0 0;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.pmsj a{background: url(../../images/2016shock/menu_advertising@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.m3d a{background: url(../../images/2016shock/menu_3D@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.mxcsp a{background: url(../../images/2016shock/menu_tv@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.wzjs a{background: url(../../images/2016shock/menu_webdesign@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.ptzz a{background: url(../../images/2016shock/menu_craft@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.ywfw a{background: url(../../images/2016shock/menu_typo@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.khfw a{background: url(../../images/2016shock/menu_graphicdesign@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.cjwt a{background: url(../../images/2016shock/menu_reviews@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}

#menumobile li.msysy a{background: url(../../images/2016shock/menu_photo@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.mfwqy a{background: url(../../images/2016shock/menu_craft@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.mtypo a{background: url(../../images/2016shock/menu_typo@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.msculpture a{background: url(../../images/2016shock/menu_sculpture@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.mcraft a{background: url(../../images/2016shock/menu_craft@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.mstreet a{background: url(../../images/2016shock/menu_street@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.madvertising a{background: url(../../images/2016shock/menu_advertising@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.mwallpapers a{background: url(../../images/2016shock/menu_wallpapers@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#menumobile li.mreviews a{background: url(../../images/2016shock/menu_reviews@2x.png) no-repeat center left;background-size: 47px 47px;background-position: 20px 0}
#homenav{position: fixed;display: block;display: none\9;width: auto;height: 40px;top: 618px;left: 35px;-webkit-transform: rotate(270deg);transform: rotate(270deg);transform-origin: top left;z-index: 1}
#homenav a{display: block;height: 40px;padding: 0 9pt;font-size: 14px;letter-spacing: 1px;line-height: 40px;text-transform: uppercase;color: #bbb;border: 2px solid rgba(246,84,168,0);-webkit-transition: all .2s ease-out;transition: all .2s ease-out;float: right}
#homenav a:hover{color: #999}
#homenav a.active{color: #ea0202;border: 6px solid #ea0202;background-color: #fff}
.of{position: relative;display: block}
.mobilemargin,.of{margin-top: 50px;}
.bloc1{position: relative;float: left;width: 550px;height: 430px;margin: 0px 15px 10px 15px;}
.bloc1 img{z-index: 0;display: block;height: auto}
.bloc1 .text,.bloc1 img{position: relative;width: 100%}
.bloc1 .text{z-index: 1;background: linear-gradient(to left,#fff 50%,#ea0202 50%);background-repeat: no-repeat;background-size: 200% 4px;background-position: right top;background-color: #fff;color: #888;text-transform: uppercase;font-size: 9pt;line-height: 9pt;letter-spacing: 1px;text-align: center;padding: 28px 0 0;-webkit-transition: margin-top .2s ease-out,background-position .4s linear;transition: margin-top .2s ease-out,background-position .4s linear}
.bloc1:hover .text{margin-top: -30px;background-position: left top}
span.rubarticle,span.rubarticle a{color: #ea0202}
h2{font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-weight: 400;font-size: 24px;line-height: 30px;letter-spacing: 1px;text-transform: uppercase}
.noir h1 a,h2 a{color: #000}
.bloc1 .read{height: 13px;margin-top: 20px;padding-left: 20px;background: url(../../images/2016shock/read_fleche.png) no-repeat left 5px;font-size: 9pt;line-height: 9pt;letter-spacing: 1px;text-transform: uppercase;opacity: 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
.bloc1:hover .read{opacity: 1}
.bloc1 .read a,.noir .bloc2 .bloc9 .read a{color: #545454}
#fonddaily,#fondpopular{background: #000;background-image: url(../../images/2016shock/zhenx.png);background-position: center;background-repeat: no-repeat;background-attachment: fixed;margin-top: 2px;}
#fonddaily,#fondpopular,#fondpopular2{width: 100%;padding-top: 60px;padding-bottom: 30px;text-align: center}
#fondpopular2{background: #000;background-image: url(../../images/2016shock/zhenx.png);background-position: center;background-repeat: no-repeat;background-attachment: fixed;background: 0 0}
#fondpopular{background: 0 0}
#peitao{padding-top: 60px}
h1{display: inline-block;margin: 15px 0 70px;padding-bottom: 14px;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-weight: 400;color: #fff;font-size: 30px;line-height: 30px;letter-spacing: 4px;text-transform: uppercase;border-bottom: 2px solid #ea0202}
.noir h9{color: #000}
h9{display: inline-block;margin: 15px 0px 70px 108px;padding-bottom: 14px;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-weight: 400;color: #fff;font-size: 30px;line-height: 30px;letter-spacing: 4px;text-transform: uppercase;border-bottom: 2px solid #ea0202}
h11{display: inline-block;margin: 15px 0px 70px 108px;padding-bottom: 14px;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-weight: 400;color: #000;font-size: 30px;line-height: 30px;letter-spacing: 4px;text-transform: uppercase;border-bottom: 2px solid #ea0202}
.banrubrique ul{width: 500px;height: auto;list-style: none;margin: 40px auto 0;padding: 0px 0px 0px 108px;}
.banrubrique li{display: inline-block;border: 1px solid #e5e5e5;padding: 0;margin: 0 10px 10px 0;line-height: 15px;font-size: 15px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;background: linear-gradient(to left,hsla(0,0%,100%,0) 50%,#fff 50%);background-repeat: no-repeat;background-size: 200% 100%;background-position: right top}
.banrubrique li a{display: block;padding: 10px;color: #666}
.banrubrique li:hover{background-position: left top;border: 1px solid #fff}
.noir h1{color: #000}
#fonddaily .touslesarticles,.noir .touslesarticles{padding: 0;top: 9pt;width: 220px;margin-right: 15px}
.noir .touslesarticles{background: #fff}
#fonddaily .touslesarticles a,.noir .touslesarticles a{margin-top: 7px;margin-left: 0;width: 166px;text-align: right}
#fonddaily .more,.noir .more{margin-right: 0;margin-left: 20px}
.touslesarticles:hover a{color: #fff}
.noir .touslesarticles:hover a{color: #000}
.noir .more{background: url(../../images/2016shock/envoirplus_fleche_noir.png) no-repeat center right}
.noir .touslesarticles:hover .more{border: 2px solid #000;background: url(../../images/2016shock/envoirplus_fleche_noir.png) no-repeat center left}
.blanc h1 a,.blanc h2 a,.blanc h4 a{color: #fff}
.blanc .bloc1 .read a,.bloc2 .read a{color: #888}
.blanc .bloc1 .text,.blanc .bloc2 .text{background: linear-gradient(to left,#000 50%,#ea0202 50%);background-repeat: no-repeat;background-size: 200% 4px;background-position: right top;background-color: #000;padding-bottom: 3px}
.blanc .bloc1:hover .text,.blanc .bloc2:hover .text{background-position: left top}
.noir .bloc2 .text{background: linear-gradient(to left,#fff 50%,#ea0202 50%);background-repeat: no-repeat;background-size: 200% 4px;background-position: right top;background-color: #fff}
.blanc .bloc1:hover .text,.blanc .bloc9:hover .text,.noir .bloc2:hover .text{background-position: left top}
.noir .bloc9 .text{background-repeat: no-repeat;background-size: 200% 4px;background-position: right top}
.noir .bloc9:hover .text{background-position: left top}
.play{position: absolute;display: block;z-index: 2;border-radius: 50%;left: 50%;margin-left: -59px;top: 72px;width: 110px;height: 110px;border: 4px solid #fff;background: rgba(0,0,0,.2);box-shadow: 3px 4px 5px 0 rgba(0,0,0,.26);-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
.bloc1:hover .play{top: 57px}
.bloc2 .play{margin-left: -28px;top: 34px;width: 50px;height: 50px;border: 3px solid #fff}
.bloc2:hover .play{top: 27px;background: #fff}
.bloc9 .play{margin-left: -28px;top: 34px;width: 50px;height: 50px;border: 3px solid #fff}
.bloc9:hover .play{top: 27px;background: #fff}
.play span{position: absolute;display: block;top: 55px;left: 55px;margin-top: -24px;margin-left: -1pc;width: 0;height: 0;border-style: solid;border-width: 24px 0 24px 42px;border-color: transparent transparent transparent #fff;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
.bloc2 .play span,.bloc9 .play span{position: absolute;display: block;top: 25px;left: 25px;margin-top: -11px;margin-left: -8px;border-width: 11px 0 11px 19px}
.bloc1:hover .play span,.bloc2:hover .play span{border-color: transparent transparent transparent #ea0202}
#banrubrique{position: relative;width: 100%;height: 10pc;padding: 60px 0;background-image: url(../../images/2016shock/Ban_illustration.jpg);background-repeat: no-repeat;background-position: center center;text-align: center;margin-bottom: 40px}
#banrubrique p{margin-left: 108px;}
#banrubrique.categorietv{background: #000;height: 260px;overflow: hidden}
#banrubrique.illustration{background-image: url(../../images/2016shock/Ban_illustration.jpg)}
#banrubrique.photographie{background-image: url(../../images/2016shock/Ban_photographie.jpg)}
#banrubrique.graphic-design{background-image: url(../../images/2016shock/Ban_graphicdesign.jpg)}
#banrubrique.troisd{background-image: url(../../images/2016shock/Ban_3d.jpg)}
#banrubrique.webdesign{background-image: url(../../images/2016shock/Ban_webdesign.jpg)}
#banrubrique.traditional-drawing{background-image: url(../../images/2016shock/Ban_dessintraditionnel.jpg)}
#banrubrique.traditional-painting{background-image: url(../../images/2016shock/Ban_peinturetraditionnelle.jpg)}
#banrubrique.sculpture{background-image: url(../../images/2016shock/Ban_sculpture.jpg)}
#banrubrique.typography{background-image: url(../../images/2016shock/Ban_typographie.jpg)}
#banrubrique.advertising{background-image: url(../../images/2016shock/Ban_advertising.jpg)}
#banrubrique.craft{background-image: url(../../images/2016shock/Ban_craft.jpg)}
#banrubrique.street-art{background-image: url(../../images/2016shock/Ban_streetart.jpg)}
#banrubrique.wallpapers{background-image: url(../../images/2016shock/Ban_wallpapers.jpg)}
#banrubrique.bantag{height: 50px;background: #f5f5f5}
#banrubrique h1{margin: 0px 0px 0px 108px;}
#banrubrique ul{width:58%;height: auto;list-style: none;margin: 40px auto 0;padding: 0px 0px 0px 108px;}
#banrubrique li{display: inline-block;border: 1px solid #e5e5e5;padding: 0;margin: 0 10px 10px 0;line-height: 15px;font-size: 15px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;background: linear-gradient(to left,hsla(0,0%,100%,0) 50%,#fff 50%);background-repeat: no-repeat;background-size: 200% 100%;background-position: right top}
#banrubrique li a{display: block;padding: 10px;color: #666}
#banrubrique li:hover{background-position: left top;border: 1px solid #fff}
#banrubrique li:hover a{color: #000}
#banrubrique ul li:last-child:after{clear: both}
.wp-pagenavi{width: auto;height: 40px;margin: 0 15px 40px;text-transform: uppercase;font-size: 15px;line-height: 40px;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;letter-spacing: 1px;text-align: right}
.wp-pagenavi .pages{float: left}
.wp-pagenavi a{width: 30px;height: 40px;text-align: center;color: #888}
.wp-pagenavi a:hover{color: #333}
.wp-pagenavi .current{display: inline-block;width: 40px;height: 40px;text-align: center;color: #000;border-radius: 50%;background: #eee}
.navbottom{border-top: 1px solid #eee;padding-top: 30px;margin-bottom: 70px}
#banrubrique.categorietv p{position: relative;margin-top: 25px;font-size: 18px;color: #fff;z-index: 2;margin-left:108px}
#banrubrique.categorietv h1{position: relative;color: #fff;z-index: 2;margin-top: 40px}
#fondvideo{position: absolute;top: 0;width: 100%;height: 100%;z-index: 0;opacity: .5}
#fondvideo video{width: 100%}
#videooverlay{top: 0;z-index: 1;height: 100%;background: url(../../images/2016shock/videooverlay.png) repeat}
#onglets,#videooverlay{position: absolute;width: 100%;margin: 0px 0px 0px 53px;}
#onglets{z-index: 2;bottom: 0;text-align: center;vertical-align: bottom}
#onglets a{position: relative;z-index: 2;display: inline-block;height: 60px;padding: 0 30px;text-transform: uppercase;letter-spacing: 2px;line-height: 60px;color: #fff;background: #333;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}

#fwlx{display: block; float:left;margin-bottom:28px;border-bottom: 1px solid #e5e5e5;border-top: 1px dashed #e5e5e5 ; padding-bottom:8px;padding-top:18px; width:100%}
#fwlx h28 {color: #797474; font-size:0.95pc; line-height:28px; float:left; width:100%;}
#fwlx .neibu {color: #666; width:288px;clear:both;}
#fwlx .neibu p{float:left;line-height:12px;  width:100% ; font-size:1pc;margin: 0 0 18px;font-weight:550;letter-spacing: 1px;border-left: 5px solid #45B789; padding-left:15px }
#fwlx .neibu p span{float:right;}


#onglets a:hover{background: #555}
#onglets a.active{color: #ea0202;background: #fff}
#article{width: 810px;float: left;border-right: 1px solid #e5e5e5}
.mobilemarginfuwu{margin-top:18px;}
#articleyewufuw{width:100%;}
.yewufuwsep{clear: both;height: 1px;width: 100%;background: #e5e5e5;margin:28px 0 38px 0;}


#articleyewufuw h1{width:100%;font-size: 2pc;line-height: 35px;font-weight: 400;margin: 28px 0px 0px 0px;color: #000;border-bottom: none;padding-bottom: 0;font-size: 23px;text-align: center;}
#article_yewufuw{width:88%;margin: 0 auto;line-height:28px}
#article_yewufuw .imgtop{margin-bottom: 0;float:left}
#article_yewufuw .imgtop img{float: left;margin-right: 25px;height: auto;width: 118px;height: 118px;margin-bottom: 18px;margin-top: 2px}
#article_yewufuw p{ width:95%;margin: 0 auto 0; padding-top:18px; line-height:38px; margin-bottom:16px }
#article_yewufuw img{ width:100%}
#article_yewufuw p img{ width:100%}
#article_content{margin-left: 75pt;width: 680px}
#article_content .imgtop{margin-bottom: 0;float:left}
#article_content .imgtop img{float: left;margin-right: 25px;height: auto;width: 118px;height: 118px;margin-bottom: 18px;margin-top: 2px}
.imgtou{margin-right: auto;margin-left: auto;margin-bottom: 20px;text-align: center;width: 600px;}
.imgtou img{}
#article h1{width:537px;font-size: 2pc;line-height: 35px;font-weight: 400;margin: 0 0 1px;color: #000;border-bottom: none;padding-bottom: 0;font-size:23px;float:left}
#article h3{width:680px;font-size: 2pc;line-height: 35px;font-weight: 400;margin:0 0 25px;color: #000;border-bottom: none;padding-bottom: 0;font-size:23px;float:left}
#article h8{width:537px;font-size: 2pc;line-height: 35px;font-weight: 400;margin: 0 0 1px;color: #000;border-bottom: none;padding-bottom: 0;font-size:23px;float:left;text-align:left;}
#article a{display: inline-block;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;line-height: 1pc;background-repeat: no-repeat;background-size: 200% 2px;background-position: right 25px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
#article a:hover{background-position: left 25px}
#article p{font-size: 20px;line-height: 30px;margin: 0 0 30px}
#article h2,#article h6{color: #666;font-size: 1pc;line-height: 28px;width: 537px;float: right;margin: 0 0 38px;}
#article h6{margin: 0 0 38px}
#article p strong,article p b,b,strong{font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-weight: 400}
#article_content ul{font-size: 20px;background: #eee;margin: 10px 0 20px;padding: 20px 20px 20px 40px}
#article_content ul li{margin-bottom: 10px}
#article .boutonbook{text-align: center;margin: 0 auto 45px}
#article .boutonbook a{display: inline-block;text-align: center;padding: 15px 20px;background: #ea0202;width: auto;color: #fff;text-decoration: none;text-transform: uppercase;font-size: 1pc;line-height: 1pc;letter-spacing: 1px;-webkit-font-smoothing: antialiased;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;border: 3px solid #ea0202;-webkit-transition: border .3s ease-out,color .3s ease-out,background .3s ease-out;transition: border .3s ease-out,color .3s ease-out,background .3s ease-out;cursor: pointer}
#article .boutonbook a:hover{background: #fff;color: #ea0202;border: 3px solid #ea0202}
#article .welovewebdesign p{font-size: 20px;line-height: 30px;color: #fff;margin-top: 0;margin-bottom: 30px;padding-top: 0;background: #191919;padding: 10px;border-bottom: 1px solid #e5e5e5;text-align: center}
#article .welovewebdesign a{background-repeat: no-repeat;background-size: 200% 2px;background-position: right 25px}
#article .welovewebdesign a:hover{background-position: left 25px}
#article .ngg-gallery-thumbnail a{background: 0 0;line-height: 0}
.info{width:100%;margin-bottom: 50px;margin-top: 40px;padding-top: 40px;border-top: 3px solid #ea0202}
#article_cat,#auteur{width: 49%;height: 60px;padding-top: 5px;border: 1px solid #e5e5e5}
#article_cat,#auteur,#auteurlogo{float: left;font-size: 1pc;color: #888;line-height: 25px;text-align: center}
#auteurlogo{width: 191px;padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #dbdbdb;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff}
#auteurlogo img{float: left;width: 98px;font-size: 1pc;color: #888;line-height: 25px;text-align: center}
#auteurlogo a{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: .5}
#auteurlogo a:hover{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;opacity: 1}
#article_cat{margin-left: -1px;width: 389px}
.interview p span{font-size: 18px;font-weight: 600}
.citation{font-style: italic;font-size: 22px;line-height: 28px;font-family: Georgia,Times New Roman,Times,serif;color: #000;margin-top: -10px;margin-bottom: 30px;clear: left}
.citation,.legende,.legende img{text-align: center}
.legende{font-size: 1pc;margin: 30px 0}
.legende img{display: block;margin: 0 auto 10px}
#article_cat span,#auteur span{color: #000}
#auteur a{color: #4a4a4a;font-weight: 700}
#disqus_thread{width: 700px;margin-bottom: 50px;margin-top: -10px}
#content_share{padding: 15px 10px 0 15px;position: fixed;left: 50%;top: 3in;margin-left: -758px}
#content_share.noscroll{position: absolute;margin-left: -613px}
.partager{width: 63px;border-bottom: 1px solid #e5e5e5;font-size: 14px;line-height: 14px;color: #444;text-align: center;padding-bottom: 15px;margin-bottom: 15px}
.share_zone{display: none}
.share_zome img{text-align: center}
#content_share .share_zone p,.share_titre{display: none}
.share_button{margin-bottom: 15px;width: 63px}
#colonne_article{float: right;width: 260px;text-align: center}
#colonne_article .bloc2{height: auto;margin: 0 0 20px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
#colonne_article .bloc2:hover{margin-bottom: 35px}
#colonne_article .bloc9{height: auto;margin: 0 0 20px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
#colonne_article .bloc9:hover{margin-bottom: 35px}
#colonne_article h1{margin-bottom: 40px;margin-top: 0}
#colonne_article h1.marg{margin-top: 20px}
#colonne_article .bloc2.dailyhide,#colonne_article .bloc9.dailyhide{display: none}
.ngg-galleryoverview{margin-top: 30px}
#article_content p img,.ngg-gallery-thumbnail{margin-right: auto;margin-left: auto;margin-bottom: 20px;text-align: center;width: 600px}
.ngg-gallery-thumbnail img{background-color: #fff;display: block;position: relative;margin-left: auto;margin-right: auto;text-align: center}
#article_content .ngg-singlepic{padding: 0;margin-bottom: 20px}
#article_content p span a{display: inline}
.welovewebdesign .ngg-gallery-thumbnail{margin-bottom: 0}
.ngg-gallery-thumbnail-box2{background-color: #3f3f3f}
.welovewebdesign .ngg-gallery-thumbnail img{width: 600px;height: auto}
.logos .ngg-gallery-thumbnail img{width: auto;height: auto}
.ngg-left{float: left;margin: 4px 20px 10px 0}
#menuapropos a{margin-right:15px; margin-left:15px;}
#menuapropos a{display: inline-block;  color:#F22F3F; line-height: 30px; background: linear-gradient(to left, #FFF 50%, #f654a8 50%);background-repeat: no-repeat;background-size: 200% 2px;background-position: right 25px;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#articleyewufuw h18{ line-height: 30px; background: linear-gradient(to left, #FFF 50%, #f654a8 50%);background-repeat: no-repeat;background-size: 200% 2px;background-position: right 25px;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;font-weight:bold;}

.page_apropos .sep{clear: both;height: 1px;width: 100%;background: #e5e5e5;margin:16px 0 28px 0}
#bsa_adwidget a{display: block;float: right;padding: 7px 10px;color: #fff!important;margin: 2px 0 0;text-transform: capitalize;text-shadow: -1px -1px 0 #115b00;border-radius: 3px;border: 1px solid #360;box-shadow: inset 0 0 1px #b3e9a9;text-decoration: none;font-size: 14px;font-weight: 400;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;background-color: #090;background: -webkit-gradient(linear,0 0,0 100%,from(#090),to(#54ba21));background: -webkit-linear-gradient(top,#54ba21,#090);background: -o-linear-gradient(top,#54ba21,#090);-webkit-transition: 0;transition: 0}
.bsa_powered{display: none!important}
#bsa_adwidget{margin-bottom: 60px}
#fondsidebar{position: fixed;z-index: 99;height: 100%}
#fondsidebar,#sidebar{right: 0;top: 0;width: 290px;background: #272727}
#sidebar{position: absolute;z-index: 100;text-align: center}
#followus{width: 290px;padding: 0;height: 133px;border-top: 6px solid #EA0202;background: #000;text-align: center}
#followus h3{margin-top: 25px;padding-bottom: 15px;margin-bottom: 18px;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;text-align: center;font-size: 26px;line-height: 26px;letter-spacing: 2px;color: #fff;font-weight: 400;text-transform: uppercase;border-bottom: 1px solid #ea0202}
#followus h3,.btn_social1{position: relative;display: inline-block}
.btn_social1{margin-right: 5px}
.btn_social2{position: relative;display: inline-block;margin-left: 5px}
.btn_social1 .fb_iframe_widget,.btn_social1 .fb_iframe_widget span{vertical-align: top!important;margin-top: -1px}
.fb-like-box{background: #fff}
h5{padding: 30px 0;font-size: 18px}
h5,h6{width: 290px;margin: 0;border-top: 1px solid #4e4e4e;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;line-height: 18px;letter-spacing: 2px;color: #fff;font-weight: 400;text-transform: uppercase}
h6{font-size: 17px;overflow: hidden}
h6 a{display: block;color: #000;line-height: 50px;height: 50px}
h6 a:hover{width: 290px;background-color: #000}
.weixinhao{margin: 0}
#pub{padding: 0;margin: -5px 0 30px 20px;text-align: left}
div#bsap_1252005 a,div#bsap_1252904,div#bsap_1281619 a{margin-top: 10px}
div#bsap_1281517 a{margin: 0}
div#bsap_1281517 a.adhere{margin: 0 0 0 10px}
div#bsap_1281517 a:first-child{margin: 0}
#pub img{margin-top: 0}
#pub250{margin-top: 10px;padding: 0}
#pub120{margin: 0;padding: 0}
#pub120 img{float: right}
#pub120 img:first-child{float: left}
#pubmobile{display: none}
ul.partners,ul.partners li{margin: 0;padding: 0;list-style: none;text-align: center;font-size: 15px}
.follow-list{text-align: center;margin: -28px 0 18px 20px;padding-bottom: 8px}
.follow-list a{display: inline-block;vertical-align: top;width: 40px;height: 40px;margin-top: 1pc;margin-right: 1pc;background-image: url(../../images/2016shock/follow-icon.png)}
.follow-sinaminiblog{background-image: url(../../images/2016shock/follow-icon.png);background-position: 0 0px; width: 42px; }
.follow-qzone{background-position: 0 -50px}
.follow-renren{background-position: 0 -75pt}
.follow-douban{background-position: 0 -200px}
.follow-app{background-position: 0 -724px}
.follow-mail{background-position: 0 -250px}
.follow-tudou{background-position: 0 -300px}
.follow-youku{background-position: 0 -350px}
.follow-wx{background-position: 0 -25pc}
.follow-list a:hover{opacity: .8}





.m-subnav { width:100%; z-index: }
.m-subnav ul{ text-align: center;margin: -27px 0px 18px -3px;padding-bottom: 8px;overflow: hidden;}
.m-subnav ul li { float: left; width: 40px; height: 40px;    margin-top:15px;margin-right:20px}
.m-subnav li { width: 40px; height: 40px; list-style: none; }
.m-subnav li a { background: none; margin: 0; height: 41px;width: 40px;padding: 0px; overflow: hidden; display: block; }
.m-subnav li .bds_qzone { background-image: url(../../images/2016shock/follow-icon.png);background-position: 0 -50px;  width: 40px; }
.m-subnav li .bds_tsina { background-image: url(../../images/2016shock/follow-icon.png);background-position: 0 0px;  width: 40px; }
.m-subnav li .bds_sqq { background-image: url(../../images/2016shock/follow-icon.png);background-position: 0 -100px;  width: 40px; }
.m-subnav li .bds_tqq { background-image: url(../../images/2016shock/follow-icon.png);background-position: 0 -200px;  width: 40px; }
.m-subnav li .bds_douban { background-image: url(../../images/2016shock/follow-icon.png);background-position: 0 -50px;  width: 40px; }
.bdshare-button-style0-16 {
    zoom: 1;
}








ul.partners{margin-top: -5px}
ul.partners li{margin-bottom: 5px;margin-left: 25px;width: 15pc;color: #888}
ul.friends{margin: -5px 10px 0;width: 118px;float: left;tet-align: right;font-size: 11px;line-height: 25px}
ul.friends,ul.friends li{padding: 0;list-style: none}
ul.friends li{margin: 0}
ul.friends bis{float: right;margin: -5px 10px 0}
ul.friends.bis li{text-align: left}
ul.friend{margin: 0px 0px 1px 4px;width:48%;float: left;tet-align: right;font-size: 11px;}
ul.friend,ul.friend li{padding: 0;list-style: none}
ul.friend li{margin: 0}
ul.friend bis{float: right;margin: -5px 10px 0}
ul.friend.bis li{text-align: left}
ul.friend li img{ width:100%}
ul.fenxian{margin: 0px 0px 1px 4px;width:97%;float: left;tet-align: right;font-size: 11px;}
ul.fenxian,ul.fenxian li{padding: 0;list-style: none}
ul.fenxian li{margin: 0}
ul.fenxian bis{float: right;margin: -5px 10px 0}
ul.fenxian.bis li{text-align: left}
ul.fenxian li img{ width:100%}
#sidebar .partners a{color: #bbb}
#sidebar a{color: #888;-webkit-transition: color .2s ease-out;transition: color .2s ease-out}
#sidebar .partners a:hover,#sidebar a:hover{color: #fff}
#footer{display: block;width: 100%;left: -145px;height: 430px;background: #e6e6e6}
#footer,.fond{position: absolute;z-index: 0}
.fond{width: 200%;left: -50%;height: 392px;background:#51555D;top: 0}
.col2,.col3 ,.col9{position: relative;float: left;padding: 0px 23px;z-index: 1;margin-top:62px}
.col1{width: 10pc;position: relative;float: left;padding: 0px 0px;z-index: 1;margin-top:62px;margin-left:15px}
.col2{width:25%}
.col3{width:23%;margin-right: 0}
.col9{width:25%}
.col1 h3,.col2 h3,.col3 h3,.col9{margin: 0;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;color: #FFF;font-weight: 400;text-transform: uppercase;text-align: left}
.col9{position: relative;float: left;z-index: 1;margin-top:18px;}
.col2 ul,.col3 ul,.col9 ul{list-style: none;margin: 6px 0 0;padding: 0;padding-top: 10px;border-top: 1px solid #6B6A6A;}
.col1 ul{list-style: none;margin: 6px 0 0;padding: 0;padding-top:1px;}
.col2 ul{width: 200px}
.col9 ul{width: 200px}
.col2 ul.cat1{width:100%}
.col1 ul li,.col2 ul li,.col3 ul li,.col9 ul li{list-style: none;height: 30px;font-size: 13px;letter-spacing: 1px;line-height: 30px;text-transform: uppercase;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#999}
.col1 ul li:nth-child(5){height: 42px;width: 140px}
.col1 ul li a,.col2 ul li a,.col3 ul li a ,.col9 ul li a{color: #999;text-decoration: none;-webkit-transition: color .2s ease-out;transition: color .2s ease-out}
.col3 h3 span,.col2 h3 span{ padding:2px; float:right; width:60%}
.col3 h3 span a,.col2 h3 span a{ color:#999; padding-left:80%}
.col3 h3 span a:hover,.col2 h3 span a:hover{ color:#FFFFFF}
.col1 ul li{display: block;padding: 8px 0;border-top: 1px solid #6B6A6A;}
.col1 ul li a:hover,.col2 ul li a:hover,.col3 ul li a:hover,.col9 ul li a:hover{color: #fff}
.footer .sep{position: relative;width: 200%;margin-left: -50%;height: 1px;background: #cfcfcf;margin-top: 50px;margin-bottom: 0;z-index: 1}
#copyrights{height: 52px;padding-top: 18px;line-height: 18px;color: #999;float: left}
#backtop,#copyrights{position: relative;font-size: 13px;z-index: 1}
#backtop{color: #000;text-transform: uppercase;float: right;height: 70px;line-height: 70px;padding-left: 30px;padding-right: 20px;border-left: 1px solid #cfcfcf;background: url(../../images/2016shock/fleche_footer.png) right 30px no-repeat}
#backtop a{color: #000;text-decoration: none}
        /*aboutus*/
        .abouttitlebg { width:100%; margin: 0 auto 0; }
		.abouttitle{margin: 0 auto 0; }
        .abouttitle_number { width: 80px; height: 65px; font-size: 80px; color: #d9d9d9; font-family: Impact; float: left; line-height: 65px; }
.abouttitle_right { height: 65px; margin-left: 90px; }
        .abouttitle_en { line-height: 12px; font-size: 12px; color: #000; padding-top: 12px; margin-bottom: 3px;font-family: 'Helvetica';}
        .abouttitle_cn { font-size: 20px; color: #000; }
		
        .aboutcontent { width: 956px; margin: 30px auto 0; padding-left: 44px; margin-bottom: 20px; }
.abouttitle_biaoyu{font-size:20px; width:100%; padding-top:18px;clear: both;border-bottom:3px solid #ee4136;}
		.abouttitle_biaoyu span{font-size:18px; width:100%;font-weight: bold;}
		
/*关于我们上方的按钮*/
.listbignav {
    width: 100%;
    margin: 0 auto;
    cursor: pointer;padding-left:348px;
}
.listbignav a { color:#333333;}
.listbignav a { color:#333333;}
.bignav01_about { width: 200px; padding-left: 50px; height: 160px; float: left;  background: url(../../images/2016shock/a01.gif) 50px 10px no-repeat; }
.bignav02_about { width: 199px; padding-left: 50px; height: 160px; float: left;  background: url(../../images/2016shock/a02.gif) 50px 10px no-repeat; }
.bignav03_about { width: 199px; padding-left: 50px; height: 160px; float: left;  background: url(../../images/2016shock/a03.gif) 50px 10px no-repeat; }
.bignav04_about { width: 199px; padding-left: 50px; height: 160px; float: left;  background: url(../../images/2016shock/a04.gif) 50px 10px no-repeat; }
.bignav_zh_about { width: 180px; height: 30px; line-height: 30px; font-size: 24px; font-family: Microsoft YaHei; padding: 80px 0 0 0; }
.bignav_en_about { width: 180px; height: 25px; line-height: 25px; font-size: 14px; font-family: Impact; color: #4d4d4d; }
.bignav_enbg_about { width: 180px; height: 25px; line-height: 25px; font-size: 8px; color: #fff; font-family: Microsoft YaHei; }
.bignav_enbgabout_about { width: 177px; height: 21px; }
.contact-box { padding-top: 16px; background: url(../../images/2016shock/about5.jpg); background-repeat: no-repeat;
	background-position: right bottom; width:100%;}
.contact-list {
    margin: 20px 0 10px;
}
.contact-list { margin: 20px 0 10px; }
            .contact-list {  line-height: 50px; padding-left:28px;     line-height:38px;}
                .contact-list .contact-block div { float: left; width: 40px; height: 40px; }
            .contact-list .tel { background: url(../../images/2016shock/contact1.png) no-repeat; padding-left: 40px;}
            .contact-list .adress { background: url(../../images/2016shock/contact2.png) no-repeat;padding-left: 40px; }
            .contact-list .web { background: url(../../images/2016shock/contact3.png) no-repeat; padding-left: 40px;}
            .contact-list .email { background: url(../../images/2016shock/contact4.png) no-repeat; padding-left: 40px;}



@media screen and (max-width:1600px){#category .bloc2:nth-child(1){width: 400px;height:330px;}
#shocksoul{left:228px;}
#shockgrasp{left:648px}
#category .bloc2:nth-child(2){width: 400px;height: 330px;}
.responsivearea{width: 795pt}
.bloc2,.bloc9,.touslesarticles{width: 235px}
.touslesarticles a{width: 110px}
ul.themespopulaires{width: 895px}
ul.themespopulaires li{width: 198px}
.sm_tv ul.themespopulaires li{width: 398px}
.sm_pmsj ul.themespopulaires li{width: 398px}
.sm_xcsp ul.themespopulaires li{width: 398px}
.sm_swdh ul.themespopulaires li{width: 398px}
.of{width: 795pt}
.bloc1{width: 500px;height: 430px}
.play{top: 60px}
.bloc1:hover .play{top: 45px}
.bloc2 .play{top: 28px}
.bloc2:hover .play{top: 21px}
.bloc9 .play{top: 28px}
.bloc9:hover .play{top: 21px}
#article{width: 750px}
#article h2, #article h6{color: #666;font-size: 1pc;line-height: 28px;width: 498px;float: left;}
#article h1{width:498px;font-size: 2pc;line-height: 35px;font-weight: 400;margin: 0 0 1pc;color: #000;border-bottom: none;padding-bottom: 0;font-size: 23px;float: left;}
#article h3{width:498px;font-size: 2pc;line-height: 35px;font-weight: 400;margin: 0 0 1pc;color: #000;border-bottom: none;padding-bottom: 0;font-size: 23px;float: left;}
#article h8{width:498px;font-size: 2pc;line-height: 35px;font-weight: 400;margin: 0 0 1pc;color: #000;border-bottom: none;padding-bottom: 0;font-size: 23px;text-align:left;}
#content_share{margin-left: -690px}
#content_share.noscroll{margin-left: -545px}
.col1{width: 15%;position: relative;float: left;padding: 0px 0px;z-index: 1;margin-top: 62px;margin-left:10px;}
.col2, .col3, .col9{position: relative;float: left;padding:0px 17px;z-index: 1;}
.col9{/* position: relative;*//* float: left;*//* z-index: 1;*/margin-top: 18px;width: 26%;}
.abouttitle_right { height: 65px; margin-left: 90px; }
#article_yewufuw p{ width:100%;margin: 0 auto 0; padding-top:8px; line-height:28px; }
.listbignav {
padding-left:268px;
}
#fwlx{display: block; float:left;margin-bottom:28px;border-bottom: 1px solid #e5e5e5; padding-bottom:8px; width:94%}
#fwlx h28 {color: #797474; font-size:0.95pc; line-height:28px; float:left; width:100%;}
#fwlx .neibu {color: #666; width:288px;clear:both;}
#fwlx .neibu p{float:left;line-height:12px;  width:100% ; font-size:1pc;margin: 0 0 18px;font-weight:550;letter-spacing: 1px;border-left: 5px solid #45B789; padding-left:15px }
#fwlx .neibu p span{float:right;}

}
@media screen and (max-width:1500px){.responsivearea{width:1024px;}
.col2{width: 20%;}
.bloc2{height: 15pc}
.sm_autres .bloc2{height: 180px}
.bloc9{width: 10pc;height: 15pc}
.sm_autres .bloc9{height: 180px}
.touslesarticles{width: 210px}
.touslesarticles a{width: 110px;margin-left: 25px}
.touslesarticles .more{margin-right: 25px}
#fonddaily .more,.noir .more{margin-right: 0}
ul.themespopulaires{width: 45pc}
ul.themespopulaires li{width: 179px}
.sm_tv ul.themespopulaires li{width: 359px}
.sm_pmsj ul.themespopulaires li{width: 359px}
.sm_xcsp ul.themespopulaires li{width: 359px}
.sm_swdh ul.themespopulaires li{width: 359px}
.of{width: 60pc}
.bloc1{width: 450px;height: 25pc}
.play{top: 58px;width: 90px;height: 90px;margin-left: -49px}
.bloc1:hover .play{top: 43px}
.bloc2 .play{top: 22px}
.bloc2:hover .play{top: 15px}
#colonne_article .bloc2 .play{top: 15px;width: 40px;height: 40px;margin-left: -23px}
#colonne_article .bloc2 .play span{top: 20px;left: 20px;margin-top: -8px;margin-left: -6px;border-width: 8px 0 8px 15px}
#colonne_article .bloc2:hover .play{top: 10px}
.bloc9 .play{top: 22px}
.bloc9:hover .play{top: 15px}
#colonne_article .bloc9 .play{top: 15px;width: 40px;height: 40px;margin-left: -23px}
#colonne_article .bloc9 .play span{top: 20px;left: 20px;margin-top: -8px;margin-left: -6px;border-width: 8px 0 8px 15px}
#colonne_article .bloc9:hover .play{top: 10px}
.play span{top: 45px;left: 45px;margin-top: -20px;margin-left: -13px;border-width: 20px 0 20px 34px}
#colonne_article{width: 10pc}
#colonne_article .bloc2{width: 10pc;height: auto;margin-bottom: 15px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
#colonne_article .bloc2:hover{margin-bottom: 25px}
#colonne_article .bloc2:hover .text{margin-top: -10px}
#colonne_article .bloc2 .read{font-size: 11px}
#colonne_article .bloc2 h4{font-size: 13px;line-height: 17px;margin: 5px 0 15px}
#colonne_article .bloc9{width: 10pc;height: auto;margin-bottom: 15px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
#colonne_article .bloc9:hover{margin-bottom: 25px}
#colonne_article .bloc9:hover .text{margin-top: -10px}
#colonne_article .bloc9 .read{font-size: 11px}
#colonne_article .bloc9 h4{font-size: 13px;line-height: 17px;margin: 5px 0 15px}
#colonne_article h1{font-size: 22px;letter-spacing: 3px}
#content_share{margin-left: -40pc}
#content_share.noscroll{margin-left: -495px}
.col1,.col2,.col9,{margin-right: 40px}
.col2, .col3, .col9{position: relative;float: left;padding: 0px 25px;z-index: 1;}
.col1 ul li:nth-child(5){width:100%;}
.fond{height: 405px;}
.abouttitle_right { height: 65px; margin-left:90px; }
.listbignav {
padding-left:238px;
}
}
@media screen and (max-width:1400px){#homenav{display: none}
#colonne_article{margin-right: 15px}
#fondvideo video{height: 100%;width: auto}}
@media screen and (max-width:1300px){.responsivearea{width: 860px}
#shocksoul{left:138px;}
#shockgrasp{left:548px}
.responsivearea.pagearticle{width: 60pc}
#colonne_article{margin-right: 25px}
#content_share{margin-left: -630px}
#content_share.noscroll{margin-left: -485px}
#header ul li a,#header ul li.menu_autres{padding: 0 10px}
#header ul li.menu_fw{margin: 0 10px}
#header ul li.menu_fw a{padding: 0 20px}
#header ul li span{display: none}
.bloc2{width: 185px;height: 15pc}
.sm_autres .bloc2{height: 180px}
.bloc2 .read{font-size: 11px}
.bloc9{width: 185px;height: 15pc}
.sm_autres .bloc9{height: 180px}
.bloc9 .read{font-size: 11px}
.touslesarticles{width: 185px}
.touslesarticles a{width: 75pt;margin-left: 25px}
.touslesarticles .more{margin-right: 25px}
#fonddaily .more,.noir .more{margin-right: 0}
ul.themespopulaires{width: 645px}
ul.themespopulaires li{width: 10pc;font-size: 9pt}
.sm_tv ul.themespopulaires li{width: 321px}
.of{width: 860px}
.bloc1{width: 25pc;height: 380px}
.play{top: 47px}
.bloc1:hover .play{top: 2pc}
.bloc2 .play{top: 21px;width: 40px;height: 40px;margin-left: -23px}
.bloc2:hover .play{top: 14px}
.bloc2 .play span{top: 20px;left: 20px;margin-top: -8px;margin-left: -6px;border-width: 8px 0 8px 15px}
.bloc9 .play{top: 21px;width: 40px;height: 40px;margin-left: -23px}
.bloc9:hover .play{top: 14px}
.bloc9 .play span{top: 20px;left: 20px;margin-top: -8px;margin-left: -6px;border-width: 8px 0 8px 15px}
.col1{width: 12%;position: relative;float: left;padding: 0px 0px;z-index: 1;margin-left: 12px;}
.col1 ul li:nth-child(5){width: 100%;}
.col2 ul.cat1,.col3 ul,.col9 ul{width:100%}
.col2, .col3, .col9{position: relative;float: left;padding: 0px 16px;z-index: 1;}
.col9{width:28%}
.responsivearea.footer{width:978px;}
.fond{height:392px;}}
@media screen and (max-width:1260px){.responsivearea.pagearticle{width: 860px}
#article{width: 830px;border-right: none;margin: 0 0 0 15px}
#article_content{margin: 0 auto;width: 600px}
#colonne_article{width: 100%;float: none;margin-right: 0;margin-bottom: 50px}
#disqus_thread,.info{width: 830px}
#auteur{width: 413px}
#article_cat{width: 414px}
#content_share{margin-left: -35pc}
#content_share.noscroll{margin-left: -415px}
#colonne_article .bloc2,#colonne_article .bloc2:hover{float: left;width: 185px;height: 15pc;margin: 0 15px;-webkit-transition: none;transition: none}
#colonne_article .bloc2:hover .text{margin-top: -15px}
#colonne_article .bloc2 h4{margin: 15px 0;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-weight: 400;font-size: 15px;line-height: 20px}
#colonne_article .bloc9,#colonne_article .bloc9:hover{float: left;width: 185px;height: 15pc;margin: 0 15px;-webkit-transition: none;transition: none}
#colonne_article .bloc9:hover .text{margin-top: -15px}
#colonne_article .bloc9 h4{margin: 15px 0;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-weight: 400;font-size: 15px;line-height: 20px}
#colonne_article h1{display: inline-block;font-size: 30px;line-height: 30px}
#colonne_article .bloc2 .read{font-size: 11px}
#colonne_article .bloc2 .play{top: 21px;width: 40px;height: 40px;margin-left: -23px}
#colonne_article .bloc2:hover .play{top: 14px}
#colonne_article .bloc2.dailyhide{display: block}
#colonne_article .bloc9 .read{font-size: 11px}
#colonne_article .bloc9 .play{top: 21px;width: 40px;height: 40px;margin-left: -23px}
#colonne_article .bloc9:hover .play{top: 14px}
#colonne_article .bloc9.dailyhide{display: block}
.tel_c{line-height: 44px;font-size: 14px;position: absolute}
.listbignav {
padding-left:158px;
}
.contact-box { padding-top: 16px; background: url(../../images/2016shock/about5.jpg); background-repeat: no-repeat;
	background-position: right bottom; width:100%; padding-bottom:260px}
	.contact-list {
    line-height: 50px;
    padding-left: 1px;
    line-height: 38px;
}
.tel { float:left}
.adress { float:left}
.web { float:left}
.email { float:left}
}
@media screen and (max-width:1200px){.ngg-gallery-thumbnail-box2{background-color: #fff}
#shocksoul{left:58px;}
#shockgrasp{left:448px}
#banrubrique h1{margin: 0px 0px 0px 0px;}
#banrubrique ul{padding: 0px ;}
#banrubrique.categorietv p{margin-left:0px}
#onglets,#videooverlay{margin: 0px 0px 0px 0px;}
.responsivearea,.responsivearea.pagearticle{width: 680px}
#article{width: 650px;margin-left: 15px}
#article_content{margin-left: 50px}
#content_share{margin-left: -520px}
#content_share.noscroll{margin-left: -375px}
#colonne_article .bloc2.dailyhide,#sousmenu .bloc2.last,.bloc2.last,.no1024{display: none}
#sousmenu .bloc2.last1024,.bloc2.last1024{margin-right: 0}
.sm_autres .bloc2{width: 140px;height: 10pc}
#colonne_article .bloc9.dailyhide,#sousmenu .bloc9.last,.bloc9.last,.no1024{display: none}
#sousmenu .bloc9.last1024,.bloc9.last1024{margin-right: 0}
.sm_autres .bloc9{width: 140px;height: 10pc}
#header ul li{font-size: 9pt}
#header ul li a,#header ul li.menu_autres{padding: 0 7px}
#s{width: 110px}
#header ul li.menu_fw{margin: 0 10px;background: url(../../images/2016shock/sep_tv.png) no-repeat left top,url(../../images/2016shock/sep_tv.png) no-repeat right top}
#header ul li.menu_fw a{padding: 0 15px}
#header ul li span{display: none}
#colonne_article .bloc2,#colonne_article .bloc2:hover,.bloc2{width: 196px}
#sousmenu .bloc2 .read{font-size: 11px}
#colonne_article .bloc9,#colonne_article .bloc9:hover,.bloc9{width: 196px}
#sousmenu .bloc9 .read{font-size: 11px}
#disqus_thread,.info{width: 650px}
#auteur{width: 323px}
#article_cat{width: 324px}
.touslesarticles{width: 195px}
.touslesarticles a{width: 75pt;margin-left: 25px}
.touslesarticles .more{margin-right: 25px}
#fonddaily .more,.noir .more{margin-right: 0}
ul.themespopulaires{width: 457px}
ul.themespopulaires li{width: 151px;font-size: 9pt}
.sm_tv ul.themespopulaires li{width: 226px}
.of{width: 680px}
.bloc1{width: 310px;height: 20pc}
#fondpopular .bloc1{width: 422px}
h2{font-size: 20px;line-height: 25px}
#article h2{color: #666;font-size: 13px;line-height: 26px;margin: 0 0 38px;float: right;width:78%;}
#article_content .imgtop img{float: left;margin-right: 13px;height: auto;width: 118px;height: 118px;margin-bottom:0px;margin-top: 1px}
#article h1{font-size: 20px;line-height: 38px;margin-top: 15px;float: right;width:78%;}
#article h3{font-size: 20px;line-height: 38px;margin-top: 15px;float: right;width:78%;}
#article h8{font-size: 20px;line-height: 38px;margin-top: 15px;float: right;width:78%;}
#fonddaily,#fondpopular{text-align: left}
h1{margin-left: 15px}
.play{top: 40px;width: 60px;height: 60px;margin-left: -34px}
.bloc1:hover .play{top: 25px}
.bloc2 .play{top: 23px}
.bloc2:hover .play{top: 1pc}
.bloc9 .play{top: 23px}
.bloc9:hover .play{top: 1pc}
.play span{top: 30px;left: 30px;margin-top: -13px;margin-left: -8px;border-width: 13px 0 13px 22px}
.fond{height:392px}
.col1,.col2,.col3,.col9{margin-right: 0}
.col1{width: 200px}
.col2{}
.col3{width: 180px}
.col9{width: 180px}
.col2 ul.cat2,.col3 ul.tag2{margin-top: 0}
#onglets a{padding: 0 20px}
.responsivearea.footer{width: 720px;}
.col2, .col3, .col9{position: relative;float: left;padding: 0px 18px;z-index: 1;}
.col1{width: 12%;position: relative;float: left;padding: 0px 0px;z-index: 1;margin-left:16px;}
.col1 ul li:nth-child(5){width: 100%;}
.col9{height: 295px;overflow: hidden;text-overflow: ellipsis;}
#copyrights{height: 52px;padding-top: 18px;line-height: 18px;color: #999;float: left;width:560px;}
.listbignav {
padding-left:1px;
}
#banrubrique p{margin-left:0px}
#fwlx{display: block; float:left;margin-bottom:28px;border-bottom: 1px solid #e5e5e5; padding-bottom:8px; width:100%}
#fwlx h28 {color: #797474; font-size:13px; line-height:28px; float:left; width:100%;}
#fwlx .neibu p{float:left;line-height:12px;  width:100% ; font-size:13px;margin: 0 0 15px;font-weight:550;letter-spacing: 1px;border-left: 5px solid #45B789; padding-left:15px }
}
@media screen and (max-width:1020px){#content_share{position: relative;width: 650px;padding: 30px 0 0;margin: 30px 0 60px;left: 0;top: 0;border-top: 3px solid #ea0202}
.info{border-top: 0;margin-top: 20px;padding-top: 0}
.share_zone{width: 234px;float: left;margin-left: 10px;display: inherit}
#content_share .share_zone p{font-size: 9pt;color: #777;text-align: left;margin: 6px 0 0;line-height: 15px;width: 234px;display: inherit}
.share_titre{font-family: Brandon Grot W01 Medium,Arial,sans-serif;font-size: 15px;color: #000;line-height: 18px;display: inherit}
.share_button{float: left;margin-right: 15px;vertical-align: top}
#article_content{margin-left: 25px}
.fond{height:392px;}.listbignav {
    padding-left: 1px;
}
#banrubrique p{margin-left:0px}
}
@media screen and (max-width:960px){h9{display: inline-block;margin: 15px 0 20px;padding-bottom: 14px;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-weight: 400;color: #fff;font-size: 30px;line-height: 30px;letter-spacing: 4px;text-transform: uppercase;border-bottom: 2px solid #ea0202}
.noir h9{color: #000}
#article_content .imgtop img{float: left;margin-right: 13px;width: 88px;height: 88px;margin-bottom: 18px;margin-top: 1pc;}
.imgtou{display: none;}
#fondpopular2{width: 100%;background: #000;background-image: url(../../images/2016shock/zhenx.png);background-position: center;background-repeat: no-repeat;background-attachment: fixed;padding-top: 118px;padding-bottom: 30px;text-align: center;background: 0 0}
h4{margin: 0 0 8px;font-family: arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-weight: 400;font-size: 15px;line-height: 20px;letter-spacing: 1px;text-transform: uppercase;padding-top: 10px}
#fondsidebar,#header ul,#sidebar,#sousmenu,.sep_hor{display: none}
#header{height: 88px;margin-bottom: 0;position: fixed;z-index: 999;box-shadow: 0 3px 4px 0 rgba(0,0,0,.2);background-color: #fff}
#header .responsivearea{width: 100%}
#boutonmenu,#boutonsearch{display: block}
#weixinmp{display: none}
#menumobile,#weixinmp.active{display: block}
#shocksoul{display: none;left: 0;font-size: 13px;border-right: 1px solid #eee;width: 54px}
#shocksoul a{display: block;width: 54px;height: 54px;line-height: 54px}
#shockgrasp{display: none;left: 0;font-size: 13px;border-right: 1px solid #eee;width: 54px}
#shockgrasp a{display: block;width: 54px;height: 54px;line-height: 54px}
#logo{margin-left: -22px;margin-top: 6px}
#logo,#logo a,#logo img{width: 50px;height: 73px}
.logogif{display: none}
.logofixe{display: block}
.mobilemargin{margin-top: 60px}
.mobilemarginfuwu{margin-top:60px;}
#weixinmp{position: fixed;z-index: 9999;top: 62px;left: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.9)}
#weixinmp img{width: 68%;margin-top: 20%}
#s,#searchform{height: 60px}
#s{margin-left: 7%;line-height: 60px;width: 70%;padding: 0;background: 0 0;color: #fff}
.okrecherche{width: 16%;height: 60px;background: url(../../images/2016shock/loupemobile.png) no-repeat center right;background-size: 24px 27px;margin-right: 7%}
#shocksoul span{display: none}
#shocksoul{text-transform: uppercase;text-align: center}
#main{left: 0;width: 100%;overflow: hidden}
.responsivearea,.responsivearea.pagearticle{width: 96%;}
#auteurlogo{float: left;width: 49%;padding-top: 15px;padding-bottom: 15px;border: 1px solid #fff;font-size: 1pc;color: #888;line-height: 25px;text-align: center}
#auteurlogo a{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;opacity: 1}
#auteurlogo img{float: left;width: 98px;font-size: 1pc;color: #888;line-height: 25px;text-align: center}
.ngg-gallery-thumbnail-box2{background-color: #fff}
.pagearticle #colonne_article{margin-top: 5pc}
#colonne_article .bloc2 h4,.bloc2 h4{margin: 8px 0 15px}
#colonne_article .bloc2,#colonne_article .bloc2:hover,.bloc2,.bloc2:hover{width: 22%;margin: 0 1.5% 15px}
#colonne_article .bloc9 h4,.bloc9 h4{margin: 8px 0 15px}
#colonne_article .bloc9,#colonne_article .bloc9:hover,.bloc9,.bloc9:hover{width: 22%;height: auto;margin: 0 1.5% 15px}
.read{display: none}
#colonne_article .bloc1:hover .text,#colonne_article .bloc2:hover .bloc9:hover .text,.bloc1:hover .text,.bloc2:hover .bloc9:hover .text{margin-top: 0}
#fondpopular .bloc1,.bloc1{width: 46%;height: auto;margin: 0 2% 20px}
.play{left: 10px;margin-left: 0;margin-top: 0}
.bloc1:hover .play,.play{top: 10px}
#colonne_article .bloc2 .play,.bloc2 .play{top: 10px;left: 10px;margin-left: 0;margin-top: 0;width: 40px;height: 40px}
#colonne_article .bloc2:hover .play,.bloc2:hover .play{top: 10px}

.bloc2 .play span{top: 20px;left: 20px;margin-top: -8px;margin-left: -6px;border-width: 8px 0 8px 15px}
#colonne_article .bloc2.dailyhide,.no1024{display: block}
#colonne_article .bloc9 .play,.bloc9 .play{top: 10px;left: 10px;margin-left: 0;margin-top: 0;width: 40px;height: 40px}
#colonne_article .bloc9:hover .play,.bloc9:hover .play{top: 10px}
.bloc9 .play span{top: 20px;left: 20px;margin-top: -8px;margin-left: -6px;border-width: 8px 0 8px 15px}
#colonne_article .bloc9.dailyhide,.no1024{display: block}
.mobilemargin{margin-bottom: 30px;margin-top: 90px}
.mobilemarginfuwu{margin-bottom: 30px;margin-top: 90px}
#banrubrique li{line-height: 18px;font-size: 18px}
#banrubrique{margin-top: 60px}
#article{width: 100%;margin: 0;float: none}
#article_content{width: 90%;margin: 0 5%}
#article h1{font-size: 18px;line-height: 32px;float: left;width: 72%;margin-top: 42px;text-align:left;}
#article h3{font-size: 25px;line-height: 32px;width:100%;margin-top: 42px;}
#article h8{font-size: 18px;line-height: 32px;float: left;width: 72%;margin-top:0px;}
#article p{font-size: 19px;line-height: 26px}
#content_share{width: 90%;text-align: center;margin: 30px 0 0 5%}
.share_button{display: inline-block;float: none;text-align: center}
.share_zone{width: 100%;float: none;clear: both;margin-left: 0}
#content_share .share_zone p{width: 100%;font-size: 14px;line-height: 18px;text-align: center}
.info{width: 90%;margin: 0px 5% 50px}
#disqus_thread{width: 90%;margin: 0 5% 50px}
#article_cat,#auteur{width: 100%;float: none;clear: both;margin-top: -1px;margin-left: 0}
.responsivearea.footer{}
#onglets a{padding: 0 30px}
#category .bloc2:nth-child(1){width: 332px;height:280px;}
#category .bloc2:nth-child(2){width: 332px;height:280px;}
.listbignav {
padding-left:16px;
}
#banrubrique p{margin-left:0px}
}
@media screen and (max-width:1024px){#category .bloc2:nth-child(1){width: 310px;height:280px;}
#category .bloc2:nth-child(2){width: 310px;height:280px;}}
@media screen and (max-width:768px){#category .bloc2:nth-child(1){width: 345px;height:280px;}
#category .bloc2:nth-child(2){width: 345px;height:280px;}
.responsivearea, .responsivearea.pagearticle{text-align: center;}
#weixinmp img{width: 28%;margin-top: 5%;}
.responsivearea.footer{width: 100%}
.col2{width:23%;}
.col3{width:23%;}
.col2, .col3, .col9{position: relative;float: left;padding: 0px 20px;z-index: 1;}
.col1{width:12%;position: relative;float: left;padding: 0px 0px;z-index: 1;margin-left:16px;}
#fonddaily{padding-bottom:1px;}
.fond{height:346px;}
.wpb_wrapper{font-size: 13px;line-height: 26px;word-spacing: 3px;letter-spacing: 0.01px;color: #999;width: 100%;}
.col9{height:295px;overflow: hidden;text-overflow: ellipsis;}
.col1 ul li:nth-child(5){width: 100%;}
.footer .sep{position: relative;width: 200%;margin-left: -50%;height: 1px;background: #cfcfcf;margin-top: 3px;margin-bottom: 0;z-index: 1;}
#copyrights{width:100%;height: 52px;padding-top: 18px;line-height: 18px;color: #999;margin:0 auto;}
#backtop{float: none;display: inline-block;z-index: 1;clear: both;width: auto;height: 70px;line-height: 70px;padding-left: 0;border-left: none;}
.col2, .col3, .col9{position: relative;float: left;padding: 0px 15px;z-index: 1;}
.abouttitle_right { height: 65px; margin-left:8px; float:left;text-align: left;}
.abouttitle_cn { font-size: 16px; color: #000; }
.listbignav {display: none;}

#fwlx{display: block; float:left;margin-bottom:28px;border-bottom: 1px solid #e5e5e5; padding-bottom:8px; width:100%}
#fwlx h28 {color: #797474; font-size:13px; line-height:28px; float:left; width:100%;text-align: left;}
#fwlx .neibu p{float:left;line-height:12px;  width:100% ; font-size:13px;margin: 0 0 15px;font-weight:550;letter-spacing: 1px;border-left: 5px solid #45B789; padding-left:15px;text-align: left;}
}
@media screen and (max-width:640px){#category .bloc2:nth-child(1){width: 288px;height:260px;}
#category .bloc2:nth-child(2){width: 288px;height:260px;}.listbignav {
padding-left:1px;
}}
@media screen and (max-width:667px){#category .bloc2:nth-child(1){width: 300px;height:260px;}
#category .bloc2:nth-child(2){width: 300px;height:260px;}
#backtop{float: none;display: inline-block;z-index: 1;clear: both;width: auto;height: 70px;line-height: 70px;padding-left: 0;border-left: none;}
.responsivearea, .responsivearea.pagearticle{width: 100%;text-align: center;}
#weixinmp img{width: 28%;margin-top: 15px;}.listbignav {
padding-left:1px;
}}
@media screen and (min-width:630px) and (max-width:960px) and (orientation:landscape){.mobilemargin{margin-top: 75pt}
.mobilemarginfuwu{margin-top: 75pt}
#main.active{left: -50%}
#menumobile.active{left: 50%}
#article_cat,#auteur{width: 49%;float: left;clear: none;margin-top: -1px}
#videooverlay{background: url(../../images/2016shock/Ban_tv.jpg) no-repeat center center;opacity: .3}}
@media screen and (min-width:630px) and (max-width:650px) and (orientation:landscape){.responsivearea{text-align: left}
.responsivearea, .responsivearea.pagearticle{width: 100%;text-align: center;}
#colonne_article .bloc2 h4,#colonne_article .bloc9 h4,.bloc2 h4,.bloc9 h4{font-size: 13px;line-height: 18px}
.bloc1 h2{font-size: 1pc;line-height: 20px;letter-spacing: 1px}
#header ul li a{font-size: 10px;padding: 0 5px}
#header ul li{font-size: 10px}}
@media screen and (max-width:800px) and (orientation:portrait){.touslesarticles{display: none}}
@media screen and (max-width:800px){#onglets a{padding: 0 10px;height: 40px;font-size: 13px;letter-spacing: 1px;line-height: 40px}
#onglets,#videooverlay{margin: 0px 0px 0px 0px;}
#banrubrique p{margin-left:0px}
}
@media screen and (max-width:700px){.fond{background: #f7f7f7;}
#article h2{margin-left: auto;margin-right: auto;text-align: center;width: 100%;height: auto;margin: 0 0 18px;}
.ngg-gallery-thumbnail{margin-right: auto;margin-left: auto;margin-bottom: 20px;text-align: center;width: 100%}
#article_content p img,.ngg-gallery-thumbnail img{background-color: #fff;display: block;position: relative;margin-left: auto;margin-right: auto;text-align: center;width: 100%;height: auto}
.ngg-singlepic,.welovewebdesign .ngg-gallery-thumbnail img{width: 100%;height: auto}
#article .welovewebdesign p{font-size: 19px;line-height: 30px;color: #fff;margin-top: 0;margin-bottom: 30px;padding-top: 2%;background: #191919;width: 96%;padding: 2%;border-bottom: 1px solid #e5e5e5}
#article_content iframe,#article_content object,#article_content object embed{width: 100%}
iframe{width:100%;height:280px;}
.col1 h3,.col2,.col3,.col9{display: none}
.col1,.col1 ul,.responsivearea.footer{width: 100%;margin-top: 52px;}
.col1,.col1 ul{margin-top: 0;margin-left: 0px;}
.col1 ul li{display: block;float: left;margin: 0;line-height: 60px;height: 60px;text-align: center;border: 1px solid #cfcfcf;font-size: 9pt}
.col1 ul li:nth-child(1),.col1 ul li:nth-child(3){width: 27%;margin-left: -2px}
.col1 ul li:nth-child(2){width: 46%;margin-left: -2px}
.col1 ul li:nth-child(4),.col1 ul li:nth-child(5),.col1 ul li:nth-child(6){width: 100%;margin-left: -2px;border: 1px solid #F7F7F7;line-height: 0;height: 30px;padding-top:15px}
.col1 ul li{display: block;padding: 0px 0;border-top: 1px solid #6B6A6A;}
.col1 ul li:nth-child(4){border-top: 1px solid #cfcfcf;margin-top: 0;width: 50%;display: none}
.tel_icon{width: 24px;height: 24px;background-position: -330px -20px;vertical-align: middle}
.tel_c{line-height: 44px;font-size: 14px;position: absolute;left: 50%;width: 980px;margin-left: -490px;text-algin: center;top: -43px;box-shadow: 0 3px 4px 0 rgba(0,0,0,.2);background-color: #fff}
.tel_c a{color: #ff9c00}
.m_icon{background: url(../../images/2016shock/m_icon.png);background-position: -330px -20px;background-size: 355px 630px;display: inline-block}
.tel_c span{color: #ff9c00}
.fond{width: 160%;left: -30%}
.footer .sep{display: none}
#copyrights{float: none;position: relative;width: 80%;height: auto;margin: 0 auto}
#copyrights br{display: none}
#backtop{float: none;display: inline-block;z-index: 1;clear: both;width: auto;height: 70px;line-height: 70px;padding-left: 0;border-left: none}
.phototeam{width: 100%;height: auto}
#videooverlay{background: url(../../images/2016shock/Ban_tv.jpg) no-repeat center center;opacity: .3}
#fondvideo{display:none;}
#banrubrique h1{margin: 0px 0px 0px 0px;}
#banrubrique.categorietv p{margin-left:0px}
#banrubrique ul{padding: 0px ;}
#banrubrique p{margin-left:0px}
.col2, .col3, .col9{position: relative;float: left;padding: 0px 0px;z-index: 1;}}
@media screen and (max-width:600px){#fondsidebar,#header ul,#sidebar,#sousmenu,.sep_hor{display: none}
.qiyezuop{position: relative;margin: 0 auto;width: 100%;height: auto}
.last1024,.no1024,.qiyezuop{display: block}
#main{left: 0;width: 100%;overflow: hidden}
.responsivearea,.responsivearea.pagearticle{width: 100%;text-align: center}
.of{margin-top: 0;width: 100%}
.mobilemargin{margin-bottom: 0}
.mobilemarginfuwu{margin-bottom: 0}
#fondpopular .bloc1,.bloc1{width: 100%;height: auto;margin: 0 0 30px}
#category .bloc2:nth-child(1){width: 100%;height: auto;margin: 0 0 30px;}
#category .bloc2:nth-child(2){width: 100%;height: auto;margin: 0 0 30px;}
#colonne_article .bloc2,#colonne_article .bloc2:hover,#colonne_article .bloc9,#colonne_article .bloc9:hover,.bloc2,.bloc2:hover,.bloc9,.bloc9:hover{width: 50%;margin: 0;padding-bottom: 20px;height: auto}
#colonne_article{background: #f5f5f5;padding-top: 50px}
.line{background: linear-gradient(to left,#f5f5f5 50%,#fff 50%);background-repeat: no-repeat;background-size: 2px 100%;background-position: center top;clear: both}
#colonne_article .line{border-bottom: 1px solid #fff;margin-bottom: 30px}
.blanc .line{background: linear-gradient(to left,#222 50%,#000 50%);background-repeat: no-repeat;background-size: 2px 100%;background-position: center top}
#colonne_article .bloc2 .text,.bloc2 .text{}
#colonne_article .bloc2 .text{background: #f5f5f5}
#colonne_article .bloc9 .text,.bloc9 .text{width: 90%;margin-left: 5%}
#colonne_article .bloc9 .text{background: #f5f5f5}
#colonne_article .bloc1:hover .text,#colonne_article .bloc2:hover .text,#colonne_article .bloc9:hover .text,.bloc1:hover .text,.bloc2:hover .text,.bloc9:hover .text{margin-top: 0}
#colonne_article .bloc2 h4,.bloc2 h4{font-size: 13px;line-height: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
#colonne_article .bloc9 h4,.bloc9 h4{font-size: 13px;line-height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.touslesarticles{display: none}
h1{margin-left: 0;text-rendering: auto}
.lineend{clear: both}
#banrubrique{height: auto;background-size: cover}
#banrubrique ul{width: 90%;padding:0px}
.wp-pagenavi{height: 90px;text-align: center;margin-left: 0;margin-right: 0}
.wp-pagenavi .pages{float: none;display: block;text-align: center;margin-bottom: 10px}
#article{margin-top:8px;}
#disqus_thread{display: none}
#onglets{bottom: 30px}
#onglets a{padding: 0 20px;height: 50px;font-size: 13px;letter-spacing: 1px;line-height: 50px;margin-bottom: 4px}
#pubmobile{display: block}
#pubmobile #bsap_1281619{position: relative;display: block;width: 250px;margin: 0 auto 40px}}
@media screen and (max-width:420px){#banrubrique.categorietv h1{margin-top: 0;position: relative;margin-top: 25px;color: #fff;z-index: 2;}
#banrubrique h1{margin: 0px 0px 0px 0px;}
#banrubrique.categorietv p{width: 90%;margin-left: 5%;word-wrap:break-word;word-break:normal;}
.responsivearea, .responsivearea.pagearticle{width: 100%;text-align: center;}
#weixinmp img{width: 68%;margin-top:20%;}}
@media screen and (max-width:350px){#onglets a{padding: 0 9pt;height: 42px;font-size: 9pt;letter-spacing: 0;line-height: 42px;margin-bottom: 4px}
#onglets{bottom: 70px}}
@media screen and (max-width:380px){#article{margin-top:6px;}
#article h1{font-size: 18px;margin-top:28px;text-align: left;letter-spacing: 1px;width: 77%;}
#article h3{font-size: 18px;margin-top:28px;text-align: left;letter-spacing: 1px;width: 77%;}
#article h8{font-size: 18px;margin-top:0px;text-align: left;}
#article_content .imgtop img{float: left;margin-right: 1pc;height: auto;width: 58px;height: 58px;margin-bottom: 18px;margin-top: 15px}
iframe{width:100%;height:210px;}
#backtop{height: 60px;line-height: 60px;background: url(../../images/2016shock/fleche_footer.png) right 25px no-repeat}
.responsivearea, .responsivearea.pagearticle{width: 100%;text-align: center;}
#weixinmp img{width: 68%;margin-top:20%;}}
@media screen and (max-width:320px){#article h1{font-size: 16px;margin-top: 28px;text-align: left;letter-spacing: 1px;width: 74%;}
#article h3{font-size: 16px;margin-top: 28px;text-align: left;letter-spacing: 1px;width: 74%;}
#header{height: 66px;margin-bottom: 0;position: fixed;z-index: 999;box-shadow: 0 3px 4px 0 rgba(0,0,0,.2);background-color: #fff;}
#boutonmenu{height: 66px;}
#boutonsearch{height: 66px;}
#boutonmenu.active{height: 66px;}
#logo img{width: 39px;height:57px;}
#article{margin-top:50pt;}
#auteur, #auteurlogo{font-size: 16px;}
#logo, #logo a, #logo img{width: 39px;height:57px;}
#boutonsearch.active{height: 66px;}
#weixinmp{top: 40px;}
#fondpopular2{padding-top:58pt;}}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi){#boutonsearch{background: url(../../images/2016shock/searchmobile.png) no-repeat right center;background-size: 81pt 54px;background-color: #fff}
#boutonsearch.active{background: url(../../images/2016shock/searchmobile.png) no-repeat left center;background-size: 81pt 54px;background-color: #191919}
#boutonmenu{background: url(../../images/2016shock/menu.png) no-repeat right center;background-size: 81pt 54px;background-color: #fff}
#boutonmenu.active{background: url(../../images/2016shock/menu.png) no-repeat left center;background-size: 81pt 54px;background-color: #000}
.okrecherche{background: url(../../images/2016shock/loupemobile@2x.png) no-repeat center right;background-size: 24px 27px}}
/*! * baguetteBox.js * @author feimosi * @version 1.1.1 * @url https://github.com/feimosi/baguetteBox.js*/#baguetteBox-overlay{display: none;opacity: 0;position: fixed;overflow: hidden;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000000;background-color: #222;background-color: rgba(0,0,0,.8);-webkit-transition: opacity .5s ease;transition: opacity .5s ease}
#baguetteBox-overlay.visible{opacity: 1}
#baguetteBox-overlay .full-image{display: inline-block;position: relative;width: 100%;height: 100%;text-align: center}
#baguetteBox-overlay .full-image figure{display: inline;margin: 0;height: 100%}
#baguetteBox-overlay .full-image img{display: inline-block;width: auto;height: auto;max-height: 100%;max-width: 100%;vertical-align: middle;box-shadow: 0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display: block;position: absolute;bottom: 0;width: 100%;text-align: center;line-height: 1.8;color: #ccc;background-color: #000;background-color: rgba(0,0,0,.6);font-family: sans-serif}
#baguetteBox-overlay .full-image:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px}
#baguetteBox-slider{position: absolute;left: 0;top: 0;height: 100%;width: 100%;white-space: nowrap;-webkit-transition: left .4s ease,-webkit-transform .4s ease;transition: left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation: bounceFromRight .4s ease-out;animation: bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation: bounceFromLeft .4s ease-out;animation: bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top: 50%;top: calc(50% - 30px);width: 44px;height: 60px}
.baguetteBox-button{position: absolute;cursor: pointer;outline: 0;padding: 0;margin: 0;border: 0;border-radius: 15%;background-color: #323232;background-color: rgba(50,50,50,.5);color: #ddd;font: 1.6em sans-serif;-webkit-transition: background-color .4s ease;transition: background-color .4s ease}
.baguetteBox-button:hover{background-color: rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right: 2%}
.baguetteBox-button#previous-button{left: 2%}
.baguetteBox-button#close-button{top: 20px;right: 2%;right: calc(2% + 6px);width: 30px;height: 30px}
.baguetteBox-button svg{position: absolute;left: 0;top: 0}
.spinner{width: 40px;height: 40px;display: inline-block;position: absolute;top: 50%;left: 50%;margin-top: -20px;margin-left: -20px}
.double-bounce1,.double-bounce2{width: 100%;height: 100%;border-radius: 50%;background-color: #fff;opacity: .6;position: absolute;top: 0;left: 0;-webkit-animation: bounce 2s infinite ease-in-out;animation: bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay: -1s;animation-delay: -1s}
@-webkit-keyframes bounceFromRight{0%{margin-left: 0}
50%{margin-left: -30px}}
@keyframes bounceFromRight{0%,to{margin-left: 0}
50%{margin-left: -30px}
to{margin-left: 0}}
@-webkit-keyframes bounceFromLeft{0%{margin-left: 0}
50%{margin-left: 30px}}
@keyframes bounceFromLeft{0%,to{margin-left: 0}
50%{margin-left: 30px}
to{margin-left: 0}}
@-webkit-keyframes bounce{0%,to{-webkit-transform: scale(0);transform: scale(0)}
50%{-webkit-transform: scale(1);transform: scale(1)}}
@keyframes bounce{0%,to{-webkit-transform: scale(0);transform: scale(0)}
50%{-webkit-transform: scale(1);transform: scale(1)}}
.baguetteBoxOne{width: 100%;margin: 0 auto}
.kvcb{font-size: 13px;line-height: 10px;margin: auto;width: 216;text-align: center}
.kvcb a{color: #fff;text-decoration: none}
.kvcb a:hover{color: #000}
.hljs-comment{color: #969896}
.hljs-tag{color: #f8f8f2}
.css .hljs-class,.css .hljs-id,.css .hljs-pseudo,.hljs-attribute,.hljs-regexp,.hljs-title,.hljs-variable,.html .hljs-doctype,.ruby .hljs-constant,.xml .hljs-doctype,.xml .hljs-pi,.xml .hljs-tag .hljs-title{color: #c66}
.hljs-built_in,.hljs-constant,.hljs-literal,.hljs-number,.hljs-params,.hljs-pragma,.hljs-preprocessor{color: #de935f}
.css .hljs-rules .hljs-attribute,.ruby .hljs-class .hljs-title{color: #f0c674}
.hljs-header,.hljs-inheritance,.hljs-string,.hljs-value,.ruby .hljs-symbol,.xml .hljs-cdata{color: #b5bd68}
.css .hljs-hexcolor{color: #8abeb7}
.coffeescript .hljs-title,.hljs-function,.javascript .hljs-title,.perl .hljs-sub,.python .hljs-decorator,.python .hljs-title,.ruby .hljs-function .hljs-title,.ruby .hljs-title .hljs-keyword{color: #81a2be}
.hljs-keyword,.javascript .hljs-function{color: #b294bb}
.hljs{display: block;overflow-x: auto;background: #35383c;color: #c5c8c6;padding: .8em}
.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .css,.xml .hljs-cdata,.xml .javascript,.xml .vbscript{opacity: .5}
@media screen and (max-device-width:775px){.mobelmove{display: none}
.gallery{width: 100%}
.gallery img{width: 100%;-webkit-box-shadow: 0 0 5px #101d36}
.gallery a{display: inline-block;overflow: hidden;margin: 1.7%;padding: .8%}
.kvcb{font-size: 13px;line-height: 10px;margin: auto;width: 216;text-align: center}
.kvcb a{color: #fff;text-decoration: none}
.kvcb a:hover{color: #000}
.omega{display: none}
.item-list h3,.ul{width: 70%;float: left;font-size: 40px;line-height: 50px}
.item-list li{width: 100%;float: left}
.item-list li,.item-list span{font-size: 40px;line-height: 55px}} #codeico{position:fixed;width:30px;height:30px;}
#qrcode{width:100%;}
#qrcode img{width:100%;}
#qrcode table{margin:0px auto;}
#content_share h7{font-size:8px;color: #888; }
#category .bloc2:nth-child(3+n){overflow: hidden;float: left;width: 260px;height: 260px;margin: 0 15px;}
.wpb_wrapper{font-size:13px;line-height:26px;word-spacing:3px;letter-spacing:0.5px;color:#999;width:100%}
.wpb_wrapper p{text-indent: 2em;}
.column-text{border-top: 1px solid #6B6A6A;}