*{margin:0;padding:0}
b,
strong{font-weight:600}
i{font-style:italic}
#center{background:none!important}
#center_part_2_full{width:100%;background:none}
#contenuhome{margin:0;background:none}
#header{overflow:hidden;background:@white}
#hub{width:100%;max-width:1000px;margin:0 auto;padding-bottom:25px;font-size:12px}
#contenuhome{background:none;margin:0;padding:0;width:100%;max-width:1000px}
#center{background:0 0!important}
body{font-size:100%;}
header{background:@white;padding:0px;}
li{list-style:none}
body{background:url(/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/images/Page_P-Sportif_Accueil_V2_07.gif) top left repeat!important}
@font-face{font-family:'antonioregular';src:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/antonio-regular-webfont.eot');src:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/antonio-regular-webfont.woff') format('woff'),url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/antonio-regular-webfont.ttf') format('truetype'),url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/antonio-regular-webfont.svg#antonioregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'antoniobold';src:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/antonio-bold-webfont.eot');src:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/antonio-bold-webfont.woff') format('woff'),url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/antonio-bold-webfont.ttf') format('truetype'),url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/antonio-bold-webfont.svg#antoniobold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'chunkfiveroman';src:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/chunkfive-webfont.eot');src:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/chunkfive-webfont.woff') format('woff'),url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/chunkfive-webfont.ttf') format('truetype'),url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/font/chunkfive-webfont.svg#chunkfiveroman') format('svg');font-weight:normal;font-style:normal;}
#hub .clear{clear:both}
#hub .swiper-container.s2 .swiper-slide{width:250px;height:205px;background-size:cover;overflow:hidden;position:relative}
#hub .swiper-container.s2 .swiper-slide a{display:block;width:100%;height:100%;margin:0;padding:0;color:#fff;text-decoration:none;cursor:default}
#hub .swiper-container.s2 .swiper-slide a span:first-child{background:red;color:#fff;font:400 12px 'Open Sans',Arial,sans-serif;text-transform:uppercase;position:absolute;bottom:0;left:0;padding:0}
#hub .swiper-button-next{background-size:100%;width:37px;background-image:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/images/next-arrow.png')}
#hub .swiper-button-prev{background-size:100%;width:37px;background-image:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/images/prev-arrow.png')}
#hub .top span.swiper-pagination-bullet{display:inline-block;padding:0;opacity:0.6;background:#000}
#hub .top span.swiper-pagination-bullet-active{background:#fff;opacity:1}
#hub h1{font-family:antonioregular,Arial,sans-serif;font-size:30px;text-align:center;color:#003a8d;line-height:50px;letter-spacing:4px;background:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/images/red-line.gif') bottom center no-repeat!important;text-transform:uppercase;display:block;font-weight:normal;padding:0;margin:0 auto;float:none;}
#hub{background-color:none!important;background:transparent!important;color:#3b3b3b;width:100%;margin:0 auto;padding-bottom:25px;font-size:12px}
#hub strong{font-weight:700!important;font-size:16px}
#hub h2{padding-top:50px;font:400 16px 'chunkfiveroman',Arial,sans-serif;text-align:center;text-transform:uppercase;margin-bottom:10px;color:#fff}
#hub>div>h3{font:400 25px 'Open Sans',Arial,sans-serif;text-align:center;margin:20px 0}
#hub>div>h4{font:400 25px 'Open Sans',Arial,sans-serif;color:#ec7350;text-align:center;border-bottom:1px solid #ec7350;padding-bottom:10px;margin:50px 100px 20px}
#hub .top{margin-bottom:6px;width:100%;overflow:hidden}
#hub .top.p-home a{text-decoration:none!important}
#hub .s2 span{padding:0!important}
#hub .s2 span.title{display:block;position:absolute;bottom:0;left:0;width:100%;text-align:center;height:30px;line-height:30px;font-size:12px;text-transform:uppercase;color:#fff}
#hub .s2 span.txt{background:rgba(0,0,0,.7);display:none;position:absolute;z-index:9999;top:0;left:0;width:210px;padding:0 20px!important;height:100%;flex-direction:row;flex-wrap:wrap;text-align:center;font-size:11px;color:#fff;line-height:15px;vertical-align:middle;align-items:center;}
#hub .top span{font:400 14px 'Open Sans',Arial,sans-serif;text-align:center;display:block;padding:50px 0 50px 0;text-decoration:none}
#hub .top span a{color:#003a8d;text-decoration:none}
#hub .top span a:hover{text-decoration:underline;color:#003a8d}
#hub .top span.text-slider{font:400 13px 'Open Sans',Arial,sans-serif;color:#fff;text-align:center;display:block;padding:20px 40px 20px 40px}
#hub .top span.text-slider2{font:400 13px 'Open Sans',Arial,sans-serif;color:#fff;text-align:center;display:block;padding:10px 20px 10px 30px;color:#fff}
#hub .top span.text-slider2 a{text-decoration:underline;font:400 13px 'Open Sans',Arial,sans-serif;color:#fff;text-align:center;display:block;padding:0;margin:0;display:inline}
#hub .top>ul{margin:35px 0px 25px;overflow:hidden;width: 100%;}
#hub .top ul{float:left;}
#hub .top ul li{height:30px;text-transform:uppercase;font:400 14px 'Open Sans',Arial,sans-serif;text-align:center;display: inline-block}
#hub .top ul li a{color:#333;text-decoration:none}
#hub .top ul li a:hover{color:#333;text-decoration:underline}
#hub .top .showMobile{display: none;}
#hub .left{float:left}
#hub .right{float:right;overflow:hidden}
#hub .left.trente,
#hub .right.trente{width:35%;background:#003a8d}
#hub .left.soixante,
#hub .right.soixante{width:65%}
#hub .right.quarante{width:411px}
#hub .relativeTop{position:relative}
#hub .relativeTop .b4ck{position:absolute;top:70px;left:50px}
#hub .relativeTop .goTo{position:absolute;bottom:6px;right:6px}
#hub .video_mf.double iframe{display: inline-block;vertical-align: top;}
#hub #pw [data-type="hover"]{display:none}
#hub #pw div{float:left}
#hub #pw div.ctr{width:100%}
#hub #pw div img,
#hub #pw div iframe{width:100%}
#hub #pw .col{position:relative}
#hub #pw .col img[data-type="hover"]{z-index:1;position:absolute;top:0;left:0}
#hub #pw .col1-1{width:34.6%;float:left}
#hub #pw .col1-2{width:64.5%;float:right}
#hub #pw .col1-2-1{width:47.5%;float:left}
#hub #pw .col1-2-2{width:51%;float:right}
#hub #pw .col1-3{width:100%;margin-top:9px}
#hub #pw .col1-3,
#hub #pw .col2,
#hub #pw .col4,
#hub #pw .col5{margin-top:9px}
#hub #pw .col4{float:left;width:582px;height:266px}
#hub #pw .col5{float:right;width:409px;height:266px}
#hub .left.video{width:583px!important}
#hub .right .topRight{margin-bottom:40px;background:#ec7350;height:55px;padding:5%;width:90%;color:#fff;font:400 20px 'Open Sans',Arial,sans-serif}
#hub span.picto-sport,
#hub span.picto-sport-b{width:66px;display:block;margin:0 auto;height:48px!important;overflow:hidden;padding:0!important}
#hub span.picto-sport{background:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/images/picto-sport.png') top left no-repeat}
#hub span.picto-sport-b{background:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs/images/picto-sport2.png') top left no-repeat}
#hub span.picto-u-arena{background:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs-v2/images/picto-arena.jpg') center center no-repeat;width: 57px;height: 60px;background-size: 57px 29px;margin:0 auto;padding: 0px;}
#hub span.picto-u-arena-red{background:url('/content/static/bcom/desktop/evenements/2016/06-partenariats-sportifs-v2/images/picto-arena-red.jpg') center center no-repeat;width: 67px;height: 40px;background-size: 67px 33px;margin:0 auto;padding: 0px;}
#hub span.shoes{background-position:0 0}
#hub span.rugby{background-position:0 -48px}
#hub span.foot{background-position:0 -96px}
#hub .bottom{margin-top:60px;width:100%;overflow:hidden;clear:both;float:left}
#hub .bottom.nMobile{display:block}
#hub .bottom.mobil{display:none}
@media only screen and (max-width:600px){
#hub,
#hub .right,
#hub .left{width:100%!important}
#hub .left.mobil{float:left}
#hub .right .topRight{float:right;font:400 9px 'Open Sans',Arial,sans-serif!important;height:auto}
#hub .right .topRight div{font:400 11px 'Open Sans';width:100%!important;text-align:center}
#hub .left.mobil,
#hub .right.mobil{width:50%!important}
#hub .step{padding:0 10%;width:80%!important}
#hub .ems.multi{margin-bottom:70px!important}
#hub .top,
#hub .top div{width:100%;float:none;height:auto!important}
#hub .top .showMobile{display: block;}
#hub .top .hideMobile{display: none;}
#hub .video_mf{ position:relative;width:100%; margin-bottom:30px; padding-bottom:56.25%;padding-top:30px;overflow:hidden;max-width:100%;height:250px;}
#hub .video_mf.double {height: auto;}
#hub .video_mf.double iframe{display: block;width: 100%;position: inherit !important;margin-bottom: 20px;}
#hub .video_mf iframe,
#hub .video_mf object,
#hub .video_mf embed{position:absolute;top:0;left:0;width:100%;height:100%;}

#hub .top.logo-part{height:220px!important}
#hub .top ul li{width: 100% !important;}
#hub .top span{padding-bottom:0;border-bottom:0}
#hub>div>h4{margin:0 7% 20px}
#hub .share *{float:left;display:block}
#hub .bottom{padding:0;margin-bottom:15px}
#hub .nMobile{display:none!important}
#hub .mobil{display:block!important}
#hub .video{position:relative;padding-bottom:56.25%;padding-top:30px;overflow:hidden;max-width:100%;height:auto;}
#hub .video iframe,
#hub .video object,
#hub .video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
#hub span.align_mob{text-align:justify!important;padding:10px 12px 0 12px!important;font-size:12px;}
#hub > div.top.relativeTop{padding:50px 0 15px 0!important}
#hub > div.top.relativeTop a.b4ck{position:absolute;top:15px;left:15px}
#hub > div.top.relativeTop span:nth-child(4),
#hub > div:nth-child(2) > span.sdg{padding:30px 20px!important}
#hub .relativeTop .goTo{width:25px}
#hub .top ul li ul,
#hub #pw .col,
#hub #pw iframe{width:100%!important}
#pw .col5 a img:nth-child(1),
#pw .col1-2-2 a img:nth-child(1){display:block!important}
}
@media print{
#preheader,
#header,
#ftr,
#hub .right.nMobile{display:none}
#hub .top{visibility:visible}
}