﻿/* adfr for webtvdoc */

/*
font-family: 'Varela Round', sans-serif;
*/
body, body * {font-family: 'Varela Round', sans-serif;}
a{color:#828282;}
a:visited,
a:active,
a:link,
a:focus,
a:hover{text-decoration:none;}
.clipOptionBt:hover,
.clipOptionBt.hover, /* v2101 */
.clipOptionBt.active, /* v2101 */
.commentsMenu > li.hover > a,
.downloadMenu > li.hover > a
{ background:#5d9799;}
a:hover{color:#5d9799;}
html, body {background: #fff;}
h1,h2,h3,h4,h5,h6{
	font-family: 'Montserrat', sans-serif;
	padding-top:25px;
	padding-bottom:15px;
	}
h1{font-size:50px;}
h2{font-size:25px;}
h3{font-size:20px;}
li{padding-left:20px;line-height:1.8;}
ul{padding-bottom:20px;}
.label {color:unset;}/*pour contrer bootstrap*/
.padding-top-10{padding-top:10px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-40{padding-top:40px;}
.padding-top-50{padding-top:50px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-40{padding-bottom:40px;}
.padding-bottom-50{padding-bottom:50px;}
.wtvd-table-100{display:table; width:100%;}

.btn-primary {
    color: #fff;
    background-color: #5d9799;
	border-color: #80d0d1;}
.btn-primary:hover{background-color: #131e1f;}

.views{display:none;}

/*widgets*/
.widgetTitle h3 {
 padding-top: 15px;
 padding-left: 10px;
}
.widgetTitle {
 display: block;
 background: #5d9799;
	color: #fff;
	border-radius: 15px;
	text-align:center;
	}
.widget_with_bottom_padding{margin-bottom: 60px; display: inline-block;}
@media screen and (max-width: 1000px){
	.widget_with_bottom_padding{width:100%;}
	.text-center-mob{text-align:center!important;}
	}

/*widget current clip*/
.wtvd_current_live_clip{display:block;}
.wtvd_current_live_clip img{max-width:100%;float:right;}
.wtvd_current_live_clip .first{font-size: 11px;
 font-family: 'Montserrat', sans-serif;
 color: #f3eb8b;
 background-color: #5d9799;
 padding: 5px;
 padding-left: 8px;
 padding-right: 8px;
 float: right;
 margin-top: -163px;
 margin-right: 5px;
 border-radius: 7px;}
.wtvd_current_live_clip .second{
	float: left;
	text-align:left;
 margin-top: -37px;
 width: 260px;
 max-height: 32px;
 line-height: 12px;
 overflow: hidden;
 padding: 5px;
 padding-left: 8px;
 padding-right: 8px;
 background-color: rgba(93, 151, 153, 0.7);
 color: #fff;
 font-size: 14px;
 margin-left: 5px;
 border-radius: 7px;
}
.wtvd_current_live_clip .second .dif{font-size:11px;}
#videoPlayerArea #videoContainer{float:right;}
#videoPlayerArea .wtvd_current_live_clip img{display:none;}
#videoPlayerArea #wtvd_message{display:none; z-index:10; position: absolute; margin-top: 50px;z-index: 10;
 margin-left: 5px; padding: 8px;	background-color: rgba(93, 151, 153, 0.7);	color: #fff; border-radius: 10px; font-size:20px;}
#videoPlayerArea #wtvd_message span{color: #f3eb8b;}
#videoPlayerArea #wtvd_live_thumb{display:block; z-index:10; position: absolute; margin-top: 600px;}
#videoPlayerArea .wtvd_current_live_clip .first{float:left;margin-left:5px; margin-right:unset;font-size: 20px; padding-left: 25px; padding-right: 25px;}
#videoPlayerArea .wtvd_current_live_clip .second{width: 80%; max-width: 80%; font-size: 35px;max-height: 70px; line-height: 29px; padding-left: 25px; padding-right: 25px;}
#wtvd_live_onair{display:none;}
#wtvd_live_onair.active{
position: absolute;
    font-size: 11px;
    letter-spacing: 1px;
    display: block;
    padding: 5px;
    padding-left: 14px;
    padding-right: 14px;
	background-color: rgba(0, 0, 0, 0.7);
    color: #fff;    border-radius: 4px;    border: 2px solid #ae3838;
    -webkit-box-shadow: 0px 0px 6px rgba(236,42,42,0.5);
    box-shadow: 0px 0px 6px rgba(236, 42, 42, 0.5);
    margin-left: 10px; margin-top: 10px;
    font-family: 'Montserrat', sans-serif;
}
#wtvd_live_thumb_click{position: absolute;
 margin-top: 550px;
 z-index: 10;
 margin-left: 30px;
 padding: 8px;
	/*background-color: rgba(93, 151, 153, 0.7);*/
	/*color: #fff;*/
	color: #f3eb8b;
 border-radius: 10px;
	font-family: 'icomoon' !important;
 cursor: pointer;}
#wtvd_live_thumb_click:before{content: "\e8da";}
#wtvd_live_thumb_mob,
#wtvd_live_thumb_click_mob{display:none;visibility:hidden;}

@media screen and (max-width: 1179px){
	#videoPlayerArea #wtvd_message{display: inline-block;    position: relative;    margin: 0;}
	#videoPlayerArea{background-color: #5d9799;}
	}
@media screen and (max-width: 1000px){
	#wtvd_live_thumb_mob{visibility: visible;}
	#wtvd_live_thumb_click_mob{visibility: visible;
    font-family: 'icomoon' !important;
    font-size: 24px;
    cursor: pointer;
    float: left;
    padding: 5px;
    padding-top: 5px;
    color: #f3eb8b;
    background-color: #6ebfc1;
    border-radius: 7px;
    margin-left: 10px;
    margin-top: 5px;}
	#wtvd_live_thumb_click_mob:before{content: "\e8da";}
	#wtvd_live_thumb_mob .wtvd_current_live_clip .first{float:left;margin:0; padding:5px; padding-left:10px; font-size: 12px;padding-top: 10px;padding-right:10px;margin-top: 5px;    padding-bottom: 0px;}
	#wtvd_live_thumb_mob .wtvd_current_live_clip .second{background-color: rgba(255, 255, 255, 0.7); color:#5d9799; margin:0; float:left; font-size: 12px; padding-top: 5px; padding-left: 15px; margin-top: 10px; width: auto; padding-right: 15px; padding-bottom:5px; line-height:12px;}

	#wtvd_live_thumb_mob{display:block;}
	#videoPlayerArea #wtvd_live_thumb,
	#wtvd_live_thumb_click{display:none; visibility:hidden;}
	.widgetContent .wtvd_current_live_clip{max-width: 350px;    margin: auto;}
	
}


/*search*/
.homepage .headerSearch{display:none;}
.homepage .footerWrapper{clear:both;}
.headerSearchBox .searchForm{width:100%;}
.genericFloatingSubmenu > li:first-child{padding-left:0px;}
.genericFloatingSubmenu.submenuAlignRight.withArrow:after, .genericFloatingSubmenu.submenuAlignRight.withArrow:before{right:5px;}
.browseSearch > li > ul, .videoBrowserMoreMenu > li > ul{top:4px;}
.browseSearch .genericFloatingSubmenu.submenuAlignRight.withArrow:after, .browseSearch .genericFloatingSubmenu.submenuAlignRight.withArrow:before{display:none;}
.searchBox .searchForm {width: 100%;}
.searchBox .searchField {width:200px;}
.headerSearch{z-index:100;}
.mobileMenu .miniSearchForm .miniSearchField{color:#000;}
.searchBox .searchField, .headerSearchBox .searchField{color:#000;}
.searchFilter.status{display:none;}

/*page*/
.pageHeading .mainHeading .title{font-size:50px;padding-top: 10px; padding-bottom: 50px;}
a.headerLogo {display:block;height:150px;}
.headerLogo .logo {
 max-width: 150px;
 position: absolute;
	z-index: 100;}
.pageBodyWrapper{width: 100%;}
.sideColumn{padding-top:15px;}
@media screen and (min-width: 1180px){
	.pageBody{width: 1170px;
 margin: 0 auto;}
}
@media screen and (max-width: 1179px) and (min-width:1001px){
	.headerLogo .logo { max-width: 100px;}
	a.headerLogo {height:100px;}
	.columnWrapper{width:960px; margin:auto;}
	.pageBodyWrapper{width: 960px;margin:auto;}
}
@media screen and (max-width: 1000px){
	.clip-video .pageBodyWrapper{width: 92%;}
	.pageHeading .mainHeading .title{font-size:25px;text-align:center;padding-bottom: 30px;}
	h2{font-size:18px;}
}


/*footer*/
.footer .text{line-height: 25px;padding-top:4px;}
.footer .text,
.footerMenu li a {
 font-weight: normal;
 font-size: 11px;
 color: rgb(220, 218, 218);
	letter-spacing:1px;
	border-bottom:2px solid transparent;
	}
.footerMenu li a:hover{color:#fff;padding-bottom:5px;border-bottom:2px solid #5d9799;}
.footerWrapper{width: 100%;
 padding-bottom: 30px;
 padding-top: 30px;
 box-shadow: none;
	}
.footerMenu li {
 padding-left: 15px;
 border-left: 0px;
}
@media screen and (min-width: 601px){
.footer .small{display: block;
    text-align: center;
    color: #828282;
    border-top: 1px solid #172829;
    margin-top: 10px;}
.homepage .footer .small{color:unset;border-top: 1px solid #78a6a9;}
}
@media screen and (max-width: 600px){
	.footer .small{font-size:9px;}
}
.footer .followUsButtons{float:left; text-align:center;margin-top:0px;margin-right:20px;}
.footer .followUsButtons a{display:inline-block;}
.footer .followUsButtons li{float:none; margin:0;}
.footer .webtv_social_mobile.followUsButtons{display:none;}
.footer .webtv_social.followUsButtons li{padding-left:5px; float:left;}
@media screen and (max-width: 1000px){
	.footer .followUsButtons{display:none;}
	.footer .webtv_social_mobile.followUsButtons{display:inline-block;width: 100%; padding-top: 10px; padding-bottom: 15px; margin:0;}
	.footer .webtv_social_mobile.followUsButtons li{padding-bottom:10px;padding-top:10px;width:24%;float:left;}
	.footer .text{text-align:center;display:table;width:100%;padding-top:20px;}
	.footerMenu li{text-align:center;margin-bottom:10px;padding-left: 0px;}
	.footerWrapper{padding-top: 10px; padding-bottom: 10px;}
	.footerMenu {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: table;
		}
}
@media screen and (min-width:761px) and (max-width: 1000px){
	.footerMenu li{padding-left: 10px; padding-right:10px;}
}
@media screen and (max-width: 1179px) and (min-width:1001px){
	.footerWrapper{width:960px;}
}
.follow_us_icon.follow_us_linkedin_icon {
	background-position: 0px 0px;
    width: 20px;
    height: 20px;
    background: url(../images/icon_youtube.png);
    background-size: 20px 20px;
    text-decoration: none;
}
.mobileMenuWrapper .followUsButtons{display:none;}

/*menus*/
.footerWrapper{
 background: rgb(19, 30, 31);
}
.headerMenuWrapper,
.headerMenuExtraWrapper{background:transparent;}
.headerMenuWrapper{position: absolute;
 margin-top: -100px;}
.mobileMenu{left:unset!important;right:0;}
.slidingMenuToggle{position:absolute;z-index:100;right:20px;top:0px;}
.headerMenu{padding-left:200px;}
@media screen and (min-width: 1001px){
	.headerBarWrapper {display: none;}
	.headerSearch{margin-right: 40px;}
}
@media screen and (max-width: 1000px){
	.headerSearch{display: none;}
	header{margin-bottom:30px;}
	.headerBarWrapper {border-bottom:0;}
}
@media screen and (max-width: 600px){
	header{margin-bottom:10px;}
}






.mainMenu > li a { color:#000; }
.mainMenu > li.active > a,
.mainMenu > li.hover > a,
.mainMenu > li a:hover,
.mainMenu > li.hover > a,
.mainMenu > li.active.hover > a { background:none; color:#000; text-decoration:none; border-bottom:2px solid #5d9799;}
.mainMenu > li{float:right;}


/*homepage*/
#wtvd_video_launch{display:none;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
	cursor:pointer;
    z-index: 991;
	background: rgba(0,0,0,0.5) url(../images/wtvd_playbtn.png) center center no-repeat;
	}
body.homepage .slidingMenuToggle{display:inline-block;}
body.homepage .slidingMenuToggle.white{display:inline-block;color:#ddd;}
body.homepage .slidingMenuToggle.white:hover { color:#fff; text-decoration:none; }
@media screen and (min-width: 1001px){
	body.homepage .headerBarWrapper{height:0px;border:0px;}
}
@media screen and (max-width: 1000px){
	/*body.homepage .slidingMenuToggle{color:#000;}*/
}
body.homepage .footerWrapper{background: #fff;}
body.homepage .footerMenu li a:hover{color:#000;}


/*page video*/
.headerArea.video a.headerLogo{height:70px;}
.headerArea.video .headerLogo .logo {max-width: 70px;}
.headerArea.video .headerMenuWrapper{margin-top:-66px;}
.clipBasicInfo .ratingBarIn {background: #80d0d1;}
.wtvd.clipBasicInfo{max-width:200px; float:right; padding-top:10px; padding-right:10px; padding-left:0px;padding-bottom:0px;}
.like_btns_div{float:right;padding-bottom:15px;}
.clipDescriptionContent p {
 line-height: 18px;
 font-size: 12px;}
.clip-video .mainHeadingWrapper.headingBar .mainHeading .legend{float:left;}
.shareOptionsTabsContent textarea, .shareOptionsTabsContent input[type="text"], .shareOptionsTabsContent input[type="password"]{font-size:12px;}
@media screen and (max-width: 1200px){
	.clip-video header{margin-bottom:30px;}
	}
@media screen and (max-width: 1000px){
	.clip-video .channelHeading .mainHeading .image, .clip-video .channelHeading .mainHeading .image {display:none}
	.clipBasicInfo .publishInfo, .clipBasicInfo .statsInfo {   float: right;}
	.clipBasicInfo .statsInfo{height:35px;}
	.clip-video .mainHeadingWrapper.headingBar .mainHeading .legend,
	.clip-video .mainHeadingWrapper.headingBar .mainHeading .title{width:70%;}
	.clip-video .mainHeadingWrapper.headingBar .mainHeading .title{font-size:30px;}
	.clip-video .mainHeadingWrapper.headingBar .mainHeading .legend,
	.clip-video .mainHeadingWrapper.headingBar .mainHeading .title,
	.clip-video .mainHeading .mainDescription.description{padding-left:10px;}
	.clip-video .wtvd.clipBasicInfo{max-width:120px;}
	.clip-video .clipBasicInfo .ratingBarOut{width:100%;}
}
@media screen and (max-width: 690px){
	.clip-video .mainHeadingWrapper.headingBar .mainHeading .legend,
	.clip-video .mainHeadingWrapper.headingBar .mainHeading .title{width:50%;}
	.clip-video .mainHeadingWrapper.headingBar .mainHeading .title{font-size:25px;}
	
}


/*lecteur video*/
.kPlayerLoading.kPlayerWait { background: #000 url(../images/player_wait.png) center center no-repeat;}
.hidpi .kPlayerLoading.kPlayerWait { background-image:url('../images/player_wait_hidpi.png'); background-size:170px 174px; -o-background-size:170px 174px;}
.kPlayerLoading .uiMessage,
#videoContainer_ui_msg_countdown,
#videoContainer_ui_msg{color: #77bfc1; font-size: 35px; font-family: 'Montserrat', sans-serif !important; display:none;}
#videoContainer_ui_msg_countdown{padding-left:50px;}

/*form*/
.userForm{width:100%;}
textarea, input[type="text"], input[type="password"] {
 outline: none;
 -webkit-appearance: none;
 padding: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 15px;
 font-size: 15px;
 height: auto;
 width: 100%;
}
.formRow .formColumn.label {
 width: 30%;
 box-sizing: border-box;
 text-align: right;
 padding-right: 10px;
 font-weight: bold;
 font-size: 14px;
}
.formRow .formColumn.input { width: 70%;}
.formRow .formColumn.input .field{font-weight:normal;}
.button {
 display: inline-block;
 background: #5d9799;
 color: #ffffff;
 font-weight: bold;
 box-sizing: border-box;
 padding-left: 30px;
 padding-right: 30px;
 line-height: 46px;
 font-size: 20px;
	height:auto;
 margin-right: 0px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 text-transform: uppercase;
	}
.button:hover { background:#80d0d1; color:#fff; text-decoration:none; }
div.required{font-size:12px;}
div.required,
span.required {
 color: #80d0d1;
	}
.pageIconContainer {
 float: right;
	padding-top: 20px;}
input.width2char, select.width2char {
 width: 50px !important;}
.pageIconWrapper i{color: #fff; text-shadow: unset;}
.pageIconWrapper{background: #5d9799;
 -webkit-border-radius: 20px;
 border-radius: 20px;}

 @media screen and (max-width: 1000px){
	.pageIconContainer {		float: none;padding-top: 0px;}
	.pageIconWrapper i {font-size: 25px;}
	.pageIconWrapper{height:25px;width:45px;}
	.pageHeading .mainHeading{padding-top:0px;}
	.formRow .formColumn.input { width: 100%;}
	}
@media screen and (max-width: 600px){
	.pageIconContainer {display:none;}
}
 
 
/*google recaptcha*/
.wtvd_google_recaptcha_div{display:inline-block; text-align:center;}
.wtvd_google_recaptcha_div .g-recaptcha{display:inline-block;}
#contactForm #submitButton{display:none;}




/*chaine*/
.channelHeading .mainHeading .image, .channelHeading .mainHeading .image img {height: 94px;margin-right:15px;}
.mainHeadingWrapper.headingBar {background: #131e1f;}
.mainHeadingWrapper.headingBar .mainHeading .legend {
 width:60%;
 color: #80d0d1;
 font-size: 18px;
 line-height: 10px;
 padding-top: 12px;
}
.mainHeadingWrapper.headingBar .mainHeading .title, .mainHeadingWrapper.headingBar .channelInfoToggle i {
 color: #fff;
 font-size: 35px;
}
.mainHeading .mainDescription.description{line-height: 10px; font-size: 11px; margin-top: 2px;}
.boxTitle { display: table;width:100%;}
.boxTitle h3 {padding-top: 0px;}
.boxTabsWrapper {display: table; width:100%;}
.clip-video .boxTabsWrapper {width:auto;}
.boxTabsWrapper .browseSearch{float:right;padding-bottom:0px;}
.widget .itemList li.item, .widget .itemList li.item:hover,
.videoBrowser .itemList li.item,
.genericList .itemList .item{padding-left:0px;}
.widgetContent { margin-top: 10px;}
.boxContent{line-height:22px;}
@media screen and (max-width: 1000px){
	.browseSearchToggleButton, .boxTabs li .tabsTitle, .boxTabs li .tab {
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
		font-weight: bold;
		background-dev: #fff;
		color: #888;
	font-size: 12px;}
	}
@media screen and (max-width: 1000px) and (min-width:650px) {
	.widget .itemList li.item, .widget .itemList li.item:hover, .videoBrowser .itemList li.item, .genericList .itemList .item{width:48%;}
	}
@media screen and (max-width: 600px){
	.channelHeading .mainHeading .image, .channelHeading .mainHeading .image img {height: 60px;margin-right:10px;}
	.mainHeadingWrapper.headingBar .mainHeading .legend {font-size:14px;}
	.mainHeadingWrapper.headingBar .mainHeading .title, .mainHeadingWrapper.headingBar .channelInfoToggle i{font-size:20px;}
	.videoBrowser .boxTitle{display:none;}
	.videoBrowserTabs  li {padding-left: 10px;padding-right:10px;}
	.videoBrowserTabsWrapper{padding-top:2px!important;}
	.browseSearchToggleButton, .boxTabs li .tabsTitle, .boxTabs li .tab{height:20px; line-height:20px;}
	ul.videoBrowserTabs.boxTabs{padding-bottom:0px;}
	.boxTabsWrapper,.boxTabs{height:auto;}
}

#kModal.rounded{padding-bottom:100px;}
.modalIcon {color: #888!important;}

/*special fond vert*/
html.wtvd-fdv,
body.wtvd-fdv{background: #5d9799; color:#fff;}
body.wtvd-fdv .headerLogoAreaWrapper{background:#5d9799;}
body.wtvd-fdv .headerLogo .logo {display:none;}
body.wtvd-fdv .headerBarWrapper{background: rgb(93, 151, 153);}
body.wtvd-fdv a,
body.wtvd-fdv .dim,
body.wtvd-fdv .shareOptionsCloseButton,
body.wtvd-fdv .mainMenu > li a{color:#fff;}
body.wtvd-fdv .mainMenu > li.active > a,
body.wtvd-fdv .mainMenu > li.hover > a,
body.wtvd-fdv .mainMenu > li a:hover,
body.wtvd-fdv .mainMenu > li.hover > a,
body.wtvd-fdv .mainMenu > li.active.hover > a {color:#fff; border-bottom:2px solid #80d0d1;}
#mobileMenuCloseButton {color:#000;}
body.wtvd-fdv .videoBrowserTabsWrapper{ background: #131e1f; padding-top: 5px; border-bottom: 0px; border-radius: 10px;}
body.wtvd-fdv .boxTabs li .tab:hover, 
body.wtvd-fdv .boxTabs li .tab.active, 
body.wtvd-fdv .browseSearchToggleButton:hover{color:#fff;}
body.wtvd-fdv .browseSearchToggleButton, 
body.wtvd-fdv .boxTabs li .tabsTitle, 
body.wtvd-fdv .boxTabs li .tab {color: #ececec;}
body.wtvd-fdv .widget .itemList li.item, 
body.wtvd-fdv .widget .itemList li.item:hover, 
body.wtvd-fdv .videoBrowser .itemList li.item {background-color: #131e1f;}
body.wtvd-fdv .clipOptionBt ,
body.wtvd-fdv .sideColumn{ background: #5d9799;color: #ffffff;}
body.wtvd-fdv .clipOptionBt:hover,
body.wtvd-fdv .clipOptionBt.hover, /* v2101 */
body.wtvd-fdv .clipOptionBt.active, /* v2101 */
body.wtvd-fdv .commentsMenu > li.hover > a,
body.wtvd-fdv .downloadMenu > li.hover > a{ background:#80d0d1; color:#fff; }
body.wtvd-fdv .box { background: #131e1f;}
body.wtvd-fdv.homepage .footerWrapper{background:#5d9799;}
body.wtvd-fdv .mobileMenuItems a { color: #888;}
body.wtvd-fdv .mobileMenuItems a:hover { color: #000;}
body.wtvd-fdv .footer .text, 
body.wtvd-fdv .footerMenu li a {color:#77bfc1;}
body.wtvd-fdv .footerMenu li a:hover{color:#80d0d1;padding-bottom:5px;border-bottom:2px solid #80d0d1;}
body.wtvd-fdv .button{background: #ffffff; color: #5d9799;}
body.wtvd-fdv h2.title{color: #f3eb8b; }
body.wtvd-fdv .paging a{background: #131e1f;}
body.wtvd-fdv .paddedLRB{padding-left:15px; padding-right:15px;}
body.wtvd-fdv .pipTitleBar{background: #131e1f;}
body.wtvd-fdv .pipTitleBarText{background-color: #131e1f;color: #fff;}

/*page de contenu*/
body.page_cms p{margin-bottom:10px;}
body.page_cms .pageBodyWrapper a{text-decoration:underline;}


a.pdf-icon:before {font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
	content: "\e2c6"; padding-right:10px;}