/*
CanalVie responsive layout fix for smartphone devices
author: AUI team (Chaines Tele Astral), 2012
===================================================== */
header.main {
	display: none;
}
.mediaMobile {
	display: block;
	position: relative;
	background-color: #F6F6F6;
	box-shadow: 2px 3px 1px #e8e8e8;
}
header.mediaMobile {
	margin-bottom: 10px;
}
.mediaMobile .clear {
	clear: both!important;
}
.mediaMobile #logo,
.mediaMobile .searchBtn,
.mediaMobile .flyOutBtnContainer,
.mediaMobile .flyoutbutton {
	display: inline-block;
}
.mediaMobile .iconSet {
	height: 85px;
	padding: 0 10px 2px 10px;
	text-align: center;
}
.mediaMobile #logo {
	width: 72px;
	height: 72px;
	position: absolute;
	top: 10px;
	margin: 0;
	left: 50%;
	margin-left: -15px;
	background-image: url(../../img/canalvie/logo/canalvie-72x72.png);
}
.mediaMobile .ico {
	width: 28px;
	height: 28px;
	/* background-image (flyout-sprite.png) is set within pigments files */
	background-repeat: no-repeat;
	background-position: 0;
	cursor: pointer;
}
.mediaMobile .home {
	width: auto;
	height: 30px;
	padding-right: 16px;
	padding-left: 40px;
	line-height: 38px;
	border-right: 1px solid #e74638;
	background-position: 2px -303px;
}
.mediaMobile .members {
	width: auto;
	height: 30px;
	margin-left: 10px;
	padding-right: 25px;
	padding-left: 40px;
	line-height: 38px;
	background-position: 2px -251px;
}
.mediaMobile .searchBtn,
.mediaMobile .accountBtn {
	position: absolute;
	width: 45px;
	height: 51px;
	right: 15px;
	top: 35px;
	margin-top: -11px;
	background-position: 2px -62px;
}
.mediaMobile .searchBtn:active,
.mediaMobile .searchBtn:hover,
.mediaMobile .accountBtn:hover {
	background-color: transparent;
}
.mediaMobile .accountBtn {
	width: 53px;
	background-position: 2px -176px;
}
.mediaMobile .flyOutBtnContainer {
	position: absolute;
	width: 96px;
	height: 58px;
	top: 30px;
	left: 10px;
	margin-top: -13px;
	background: white;
}
.mediaMobile .flyoutbutton {
	width: 55px;
	height: 32px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -30.5px;
	background-position: 0 -4px;
}
.mediaMobile .flyout {
	display: none;
	width: 87%;
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 0;
	padding-left: 2%;
	font-size: 1.5em;
	background: #fbfbfb;
}
.mediaMobile .flyout .btn-group {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #dcdcdc;
}
.mediaMobile .flyout .btn-group a,
.mediaMobile footer li a {
	color: #6b6e6c;
	font-size: 0.85em;
}
.mediaMobile .flyout .btn-group a {
	display: inline-block;
}
.mediaMobile .flyout .btn-group a:hover {
	background-color: transparent;
}
.mediaMobile .flyout > .menu {
	margin: 10px 0 15px 0;
	border-bottom: 1px dotted #dcdcdc;
	width: 96%;
}
.mediaMobile .flyout .menu li {
	list-style-type: none;
	width: 94%;
	margin-left: 0;
	margin-bottom: 0.5em;
	border: 1px solid #ececec;
	background-color: white;
}
.mediaMobile .flyout .menu li:last-child {
	margin-bottom: 1.3em;
}
.mediaMobile .flyout .menu li ul li:last-child {
	margin-bottom: 0;
}
.mediaMobile .flyout .menu li a {
	display: block;
	height: 42px;
	position: relative;
	padding: 7px 10px;
	line-height: 42px;
	color: #e74638;
	font-size: 1.1em;
}
.mediaMobile .flyout .menu .sub a {
	color: #333;
}
.mediaMobile .flyout .menu .end {
	width: 32px;
	height: 33px;
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -16px;
	background-image: url(../../img/canalvie/pigment/red_E74638/slideControl-ico-sprite.png);
	background-repeat: no-repeat;
	background-position: right -66px;
}
.mediaMobile .flyout .menu .spin .end {
	-webkit-animation:spin 0.3s forwards;
	-moz-animation:spin 0.3s forwards;
	animation:spin 0.3s forwards;
}
.mediaMobile .flyout .menu .spinNormal .end {
	-webkit-animation:spinNormal 0.3s forwards;
	-moz-animation:spinNormal 0.3s forwards;
	animation:spinNormal 0.3s forwards;
}
@-webkit-keyframes spinNormal { from { -webkit-transform: rotate(90deg); } to { -webkit-transform: rotate(0deg); } }
@-moz-keyframes spinNormal {    from { -webkit-transform: rotate(90deg); } to { -webkit-transform: rotate(0deg); } }
@-webkit-keyframes spinNormal { from { -webkit-transform: rotate(90deg); } to { -webkit-transform: rotate(0deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(90deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(90deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } }
.mediaMobile .flyout .menu li ul {
	display: none;
	margin-left: 10px;
}
.mediaMobile .flyout .menu li ul li {
	list-style-type: none;
	margin-left: 0;
	border: none;
}
.mediaMobile .flyout .menu li ul li a {
	display: block;
	width: 85%;
	height: 22px;
	position: relative;
	padding: 7px 10px;
	margin-bottom: 0.5em;
	line-height: 13px;
	border: 0;
	background: none;
	font-size: 1em;
}
.mediaMobile .flyout .menu li ul li .border {
	width: 100%;
	height: 3px;
	display: block;
	position: absolute;
	bottom: 0;
	background-color: transparent;
	/* background-image (flyout-sprite.png) is set within pigments files */
	background-repeat: repeat-x;
	background-position: left -491px;
}
.mediaMobile footer li {
	padding-left: 20px;
	margin-left: 0;
	height: 29px;
	margin-bottom: 1em;
	list-style-type: none;
	/* background-image (flyout-sprite.png) is set within pigments files */
	background-repeat: no-repeat;
	background-position: left -506px;
}
.mediaMobile footer li a {
	color: #6b6e6c;
	font-size: 0.85em;
}
.mediaMobile footer a:hover {
	background: transparent;
}
.mediaMobile .socialBtn li {
	padding-left: 35px;
}
.mediaMobile .socialBtn a {
	width: auto;
	background: none;
}
.mediaMobile .socialBtn .facebook {
	background-position: 2px -354px;
}
.mediaMobile .socialBtn .twitter {
	background-position: 2px -407px;
}
.mediaMobile .socialBtn .pinterest {
	background-position: 2px -453px;
}
.mediaMobile .slideSearch {
	display: none;
}
.mediaMobile .searchSite {
	position: relative;
	display: block;
	min-width: 100%;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	z-index: 1;
	border: 0;
	border-top: 1px dotted #ccc;
	overflow: hidden;
}
.mediaMobile .searchSite fieldset {
	position: relative;
}
.mediaMobile .searchSite .field {
	width: 81%;
	height: 43px;
	margin-left: 2%;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.mediaMobile .searchSite input.alphameric {
	width: 100%;
	height: 33px;
	font-size: 1.5em;
}
.mediaMobile .searchSite button {
	width: 13%;
	height: 43px;
	margin-right: 2%;
	border-radius: 5px;
	background-image: none;
	background-color: #e74638;
}
.mediaMobile .searchSite button span {
	display: block;
	position: relative;
	width: 23px;
	height: 21px;
	margin: 0 auto;
	left: 0;
	text-indent: -999px;
	/* background-image (flyout-sprite.png) is set within pigments files */
	background-repeat: no-repeat;
	background-position: left -129px;
}

/*
 * CONTENT HIDDEN FOR SMARTPHONE
 */
.modalDoc #doc:before,
body h6.codeNote,
div.bgWallpaper,
#pushDownBar,
#corpoFooterJS,
#mainMenu .megaMenu,
#siteFooter ul.x4col,
.commentBox img[alt*="placeholder"] {
	display: none;
}
#sidebar .column .banner { display: block; }
/*
 * PAGE LAYOUT
 */
#doc {
	max-width: 98%;
	min-width: 250px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 1%;
    box-shadow: none;
	overflow-x: hidden;
}
#headerLeaderboard {
	width: auto;
	height: auto;
	margin-bottom: 0;
	margin-left: 0;
	line-height: 0;
	text-align: center;
}
/* jira MULTI-1233 */
#headerLeaderboard .banner.smartphone {
	display: block;
	margin: 0 auto; /* align center */
}
#content {
	font-size: 1.2em;
}
#content,
#sidebar {
	width: inherit;
	max-width: 100%;
}
#sidebar {
	float: none;
	clear: left;
}
.teaser.x2col .staticTeaser {
	margin: 0;
}
.column.x3col .col,
.column.x2col .col,
.column .colB,
.column .colC,
.column .colD,
.teaser.x2col,
.teaser.x2col .captionTeaser,
.teaser.x2col img,
.x2col .x2col .col,
.x2col ul.x2col > li,
ul.teaser li,
.mosaicTeaser,
.mosaicTeaser .colC.captionTeaser,
.mosaicTeaser .colD.captionTeaser,
.mosaicTeaser .colG.captionTeaser,
.listGrid .col,
.lexicon li,
.mosaicTeaser img,
.mediaPlayer .videoDetails {
	float: none;
	clear: both;
	width: 100%;
	margin-left: 0;
	margin-bottom: 3%;
}
.listBox.x2col .col.filterList,
.bottomBox.x2col .col.filterList,
.floatingTeaser {
	margin: 0;
	width: 100%;
}
ul.teaser.teaserGrid.x3col li.captionTeaser ,
.teaserGrid.x3col  img,
.column > .colE,
.mediaPlayer .videoDetails .txt,
.pollWidget label.radio {
	width: 100%;
}
.pollWidget .noText label.radio input.radio,
.pollWidget label.radio {
	float: none;
}
.floatingTeaser .picture {
	margin-bottom: 1%;
}
.sponsor {
	text-align: left;
}
.mosaicTeaser .captionTeaser,
.mosaicTeaser .captionTeaser img {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-bottom: 0;
}
.mosaicTeaser .colE,
.colE,
.column .colE,
.column > .colE,
.x4col .col,
ul.x4col > li {
	margin-left: 0;
}
.vignette, .gradient {
	width: 100%!important;
	height: 100%!important;
}
.wideContent .column > .colE,
.wideContent .x4col > .col,
.wideContent ul.x4col > li {
	width: 100%!important;
}
.wideContent .column > .colD,
.wideContent .x3col > .col,
.wideContent ul.x3col > li {
	width: 100%;
}
.alert > h2,
.alert > h3,
.alert > .title,
.alert > p,
.alertInfo > p {
	margin-bottom: 1.3em;
}
/*
 * HEADER
 */
form.searchSite div.field { margin-right:0; margin-left:0; }
form.searchSite {
	z-index: 0;
	top: 5px;
	right: 1%;
	width: 60%;
	min-width: 100px;
	max-width: 400px;
	padding-top: 5px;
	border: 5px solid #EEE; /*greyBg2*/
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
/* header's main navigation */
#mainMenu {
	position: relative;
	top: inherit;
	right: inherit;
	width: 100%;
	margin-right: 0;
}
/* header's top navigation */
#topMenu {
	z-index: 999;
	top: 43px;
	width: 60%;
	min-width: 100px;
	max-width: 270px;
	height: auto;
	max-height: 100%;
	padding-top: 2px;
	padding-left: .5%;
	padding-bottom: 2.5em; /*socialIcon*/
	padding-right: 0;
	text-align: left;
	border-top-width: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#topMenu > a, #topMenu a.memberLoginLink, #topMenu a.memberProfilLink {
	margin-left: 1%;
	padding: .1em .25em;
	list-style-position: outside;
	list-style-type: circle;
	background-color: #EEE;
	background-image: none;
	border-radius: 3px;
}
#topMenu a.memberLoginLink, #topMenu a.memberProfilLink { 
	border-left: none;
}
#topMenu div.socialBtn {
	top: auto; bottom: 0; margin: 0;
}
#topMenu div.socialBtn a {
	margin: 0 5px;
}
/*
 * FOOTER
 */
#siteFooter ul.x7col .col {
	float: none;
	width: 96%;
}
#siteFooter div.tools {
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
/*
 * RESPONSIVE IMAGES
 */
.picture.sizeA, img.sizeA,
.picture.sizeB, img.sizeB,
.picture.sizeC, img.sizeC,
.picture.sizeD, img.sizeD,
.picture.sizeE,
.column img.sizeE,
.x4col img.sizeE,
.colGrid > .colB img.sizeE,
.colGrid > .colE img.sizeE {
	width: 100%;
}
.picture.sizeF { 
	width: 30%;
}
.post figure { margin-right: 0; }
.post figure img.sizeA { margin-left: 0; }
/*
 * TOOL BAR
 */
.toolbar .socialShareWidget {
	float: none; max-width: 98%;
}
.toolbar .tool {
	float: none;
	width: auto;
	margin-top:.5em;
	text-align: left;
}
.toolbar .tool a.commentBtn {
	margin-left: 0;
}
table {
	margin-right: 0; margin-left: 0;
}
/*
 * BANNERS
 */
.banner {
	width:100%;
}
#content ul.x4col.bannerList > li {
	width: 48.93%; /*328px, sizeC*/
	margin-left: 2.12%;
}
#content ul.x4col.bannerList > li:nth-child(2n+1) {
	clear: left; margin-left: 0!important;
}
/*
 * WEBAPP fix
 */
.modalContent .pregnancyWidget .appSubscribe fieldset.action {
	float: none; margin-top: 0;
}
/*
 * LOGIN
 */
body.modalDoc .core,
body.modalDoc #doc {
	background: white;
}
.modalDoc #doc {
	min-height: 1000px;
}
.modalDoc .core #content {
	width: 100%!important; padding: 2%;
}
.modalPage #loginform { 
	position:relative;
}
.modalPage #loginform .col {
	float: none;
	width: 96%;
	text-align: left;
	margin: 0;
	padding: 10px;
	min-height: 112px;
	background-color: #F6F6F6;
}
.modalPage #loginform .paperShadow {
	display: block;
}
.modalPage #loginform .col.first + .col {
	margin: 12px 0 0 0; background-color: #F6F6F6;
}
.modalPage.x2col input.alphameric {
	width: 100%;
}
.modalPage form {
	width: 90%!important;
}
.modalPage input.alphameric {
	width: 90%;
}
.modalPage #captcha_response {
	width: 40%!important; padding-left: 26px;
}
fieldset .captchaField .captchaReloader {
	bottom: 67px!important;
}
.membershipTeaser a.btn {
	float: left;
}
#loginform fieldset.action button {
	float: left; margin-top: 0;
}
#loginform fieldset.action a.link {
	float: right;
}
/*
 * GIGYA
 */
.modalPage #gigyaLoginWidget {
	position: absolute; top: -9px; left: -42px; margin: 0; /* hack position to ignore javascript height gap */
}
/*
 * TABS
 */
a.bubbleBtn span, .tabMenu a span, .tab .tabAnchor a span, .tabTeaser .tabAnchor a span { padding-bottom:6px; }/* fix white border below tabs */
.tabMenu, .tab .tabAnchor, .tabTeaser .tabAnchor { height:auto; min-height:19px; margin-bottom:.3em; }
a.bubbleBtn, .tabMenu a, .tab .tabAnchor a, .tabTeaser .tabAnchor a { margin-bottom:3px; background-position:right -6px; }
a.bubbleBtn:hover, .tabMenu a:hover, .tab .tabAnchor a:hover, .tabTeaser .tabAnchor a:hover, a.bubbleBtn.active, a.bubbleBtn.open, .tabMenu a.open, .tabMenu a.open:hover, .tabMenu.dropdownActive a.dropdownOpen, .tab .tabAnchor a.open, .tabTeaser .tabAnchor a.open { background-position:left -6px; }
/*
 * Authentification.TV
 */
.wideContent .authTV .wideColumn,
.wideContent #sidebar,
.wideContent .rightColumn,
.wideContent .leftColumn
.wideContent .wideColumn,
.wideContent .mediaPlayer.authTV .videoDetails,
.extraWideSlot .mediaPlayer .videoDetails {
	width:100%!important;
}
.wideContent .mediaPlayer.authTV .videoDetails,
.extraWideSlot .mediaPlayer .videoDetails {
	float: none;
	padding-top: 0;
}
.wideContent .mediaPlayer.authTV .videoDetails {
	max-width: none;
}
.mediaPlayer .videoDetails .txt {
	padding-bottom: 1em;
}
.mediaPlayer .videoFile {
	float: none;
}
#content > figure.mediaPlayer .videoFile {
	width: auto !important;
	float: none;
}
.authTeaserTxt .topTease h2 {
	margin-top:.6em; margin-bottom:.6em;
}
.optionBar.authTV {
	float:none; width:100%; margin:0 0 1em;
}
.optionBar.authTV li.broadcasterLogo { 
	float:right; width:100%; padding:0; text-align:right;
}
.authTVApps {
	padding-left:0; padding-top:410px; min-height:471px;
}
.authTVApps .appBtn {
	bottom:153px;
}
.videoDetails .rightFooter,
.authTeaserTxt .bottomLegend { 
	position: relative;
	width: auto;
}
.authTV.mediaPlayer img, .authTV.wideColumn, .wideContent .wideColumn { width:100%; }
/*
 * SCHEDULE
 */
#schedule .header, #schedule .header .weekNav, #schedule .header .tabAnchor, #schedule .tabContent, #schedule .footer { clear:both; }
#schedule .header .weekNav { overflow:hidden; max-height:none; }
#schedule .header .weekNav h2.h { max-width:none; font-size:2.2em; border-bottom:1px dotted white; }
#schedule .header .weekNav .gradientBg { height:auto; }
#schedule .header .weekNav .control { position:relative; top:0; clear:both; }
#schedule .period .hour { clear:both; }

/*
 * Small picture gallery (1-8_blogger.php)
 */
.smallPictureGallery a.link {
    float: none;
    padding:0 0 5px 15px;
}
.smallPictureGallery .first .credit {
    position: relative;
}
/*
 * ----------------------
 * ONE MEMBERSHIP
 * ----------------------
 */
.gigya-screen > form > .gigya-layout-row > .gigya-layout-cell {
	width: 100%;
	max-width: 100%;
}
.one-membership > .column {
	width: 100%;
	margin-right: 0 !important;
}