/*
CanalVie responsive layout fix for tablet devices
author: AUI team (Chaines Tele Astral), 2014
===================================================== */
#doc,
.core,
header.main,
footer.main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#headerLeaderboard { left:auto; right:auto; width:auto; margin-right:0; margin-left:0; }
/*
 * 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 -10px; }
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 -10px; }
/* calendar element > ipad horizontal */
.tabAnchor.monthTabs > a { margin-left:.15em; }
.tabAnchor.monthTabs > a:first-child { margin-left:0; }
/*
 * 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 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
/*
 * WEBTELE
 */
.mediaPlayer .videoDetails .txt {
	padding-bottom: 1em;
}
/*
 * FIX DISPLAY BUG IN PORTRAIT ON TABLET
 */
#topMenu {
    min-width: 560px;
    padding-left: 10px;
    text-align: left;
}
#topMenu > a {
    margin-top: 6px;
}
@media (min-width: 606px) and (max-width: 768px) {
	#topMenu {
		padding-right: 2%;
        padding-left: 3px;
		text-align: left;
	}
    .searchSite {
        top: 29px !important;
        right: -5px !important;
    }
	#topMenu a.memberProfilLink,
	#topMenu a.memberLogoutLink {
		display: none !important;
	}
    #topMenu div.socialBtn {
        padding-bottom: 2px;
    }
	#mainMenu {
		width: 83%;
        margin-top: -20px !important;
	}
    /*
     * Small picture gallery (1-8_blogger.php)
     */
    .smallPictureGallery li {
        padding: 5px 0 0 0;
    }
    .smallPictureGallery .first .credit {
        position: absolute;
    }
}