.oo_full_controls {
	height: 36px !important;
	left: 0 !important;
	right: 0 !important;
	/*bottom: 0px !important;*/
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
	background: rgba(0,0,0,0.40) !important;
	margin-bottom: -10px !important;
}

.oo_controls .oo_controls_inner {
	left: 0 !important;
	right: 0 !important;
}

.oo_controls .oo_rewind {
	display: none;
}

.oo_full_controls .oo_toolbar_item {
	width: 10px !important;
	height: 10px !important;
	top: 13px !important;
}

.oo_controls .oo_pause {
	left: 10px !important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTZGQUQwNTEwMjMyMTFFMkJENTNFRTE0NTA2MERDRUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTZGQUQwNTIwMjMyMTFFMkJENTNFRTE0NTA2MERDRUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNkZBRDA0RjAyMzIxMUUyQkQ1M0VFMTQ1MDYwRENFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNkZBRDA1MDAyMzIxMUUyQkQ1M0VFMTQ1MDYwRENFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgmJ4PkAAAAdSURBVHjaYty8efN/BghghNJgPhMDDjA4JQACDAAdzwQoKAXD+QAAAABJRU5ErkJggg==) !important;
}
.oo_controls .oo_play {
	left: 10px !important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAYAAACJxx+AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDIzNTk1QTYwMjMyMTFFMjhERUVDNDc0NERENUUzQzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDIzNTk1QTcwMjMyMTFFMjhERUVDNDc0NERENUUzQzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMjM1OTVBNDAyMzIxMUUyOERFRUM0NzQ0REQ1RTNDOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMjM1OTVBNTAyMzIxMUUyOERFRUM0NzQ0REQ1RTNDOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvIbPrwAAABtSURBVHjaYty8eTMbAwODKBA/ZcACmICYE4ivAnEsLgUgwA/Ei4B4OxBLY1MAAx5Q06JwKYCZthSI14Hchk0BDAgBMQ82Bd+BuBiIHYD4Pgua5EEgTgHiO+huQNZ1B1kHC1TSEIhvYnMIQIABAHz7EgwFJRz9AAAAAElFTkSuQmCC) !important;
}


.oo_full_controls .vod .oo_scrubber {
	left: 22px !important;
	right: 38px !important;
	background: none !important;
	bottom: 9px !important;
}
.oo_controls .vod .oo_scrubber_track {
	left: 42px !important;
	right: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
	background: #000 !important;
}
.oo_controls .oo_progress {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
}
.oo_playhead_progress {
	background: #272727 !important;
}
.oo_full_controls .oo_playhead {
	height: 11px !important;
	width: 11px !important;
	margin: 0px !important;
	padding: 0px !important;
	top: 0px !important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDYzMTYyMTEwMjMzMTFFMjk3OURCMkJENUExQjdEODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDYzMTYyMTIwMjMzMTFFMjk3OURCMkJENUExQjdEODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNjMxNjIwRjAyMzMxMUUyOTc5REIyQkQ1QTFCN0Q4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjMxNjIxMDAyMzMxMUUyOTc5REIyQkQ1QTFCN0Q4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlOMZaMAAAC8SURBVHjabI9LCoQwEEQ7kxjwZu4CcwbxUOLGraCQhTCg5/ITf9MVHAmjtUl/XqpocRwHhWrbVq/rSsYYF85fYdP3vY6iyEopbV3X+hHsuk4LISyXyb7vybZttizLCxaIRhxcAC3LQtM00TAMNM/zh2cmyzInqqrSSinLbnAh55yHUJ/ysOJfEkuOI7jhkAdJH10URcxgg+g/AG5vjh79MWmajhicixt0HfNTnucxP83ZXtANDGAKIegrwAAocnC4aXCBOgAAAABJRU5ErkJggg==) !important;
}
.oo_full_controls .oo_duration {
	display: none;
}
.oo_full_controls .oo_currentTime, 
.oo_full_controls .oo_timeToLive {
	left: 0px !important;
}
.oo_full_controls .oo_duration, 
.oo_full_controls .oo_currentTime {
	top: 4px !important;
	font-size: 10px !important;
}

.oo_controls .oo_fullscreen_on,
.oo_controls .oo_fullscreen_off {
	height: 8px !important;
	width: 13px !important;
	right: 10px !important;
	top: 14px !important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYwMDgwQjYwMjMxMTFFMjlCMjBGNUNCMzU5N0VCRUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYwMDgwQjcwMjMxMTFFMjlCMjBGNUNCMzU5N0VCRUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjAwODBCNDAyMzExMUUyOUIyMEY1Q0IzNTk3RUJFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjAwODBCNTAyMzExMUUyOUIyMEY1Q0IzNTk3RUJFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjWe+gMAAAApSURBVHjaYty8efN/BhIBEwMZgAWJzUiE+v9k20Q/TSzo7qWZTQABBgCV6gUrSAvAMwAAAABJRU5ErkJggg==) !important;
}
/* ==========================================================================
   Mazarine Audio Player Styles
   ========================================================================== */

/* apply a natural box layout model to all elements */
.player_audio *, .player_audio *:before, .player_audio *:after {
box-sizing: border-box;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari */
}

.player_audio {
    max-width: 480px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

/* surcharge le css d'ooyala pour ne pas l'afficher*/
.player_audio .audioPlayerControlsContainer {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.player_audio .oo-player-origin{
    position: absolute;
    top: -9999px;
    left: -9999px;

}

.player_audio .audioPlayerComponent{
	visibility: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.player_audio .playlist .player-origin {
	visibility: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/* Surcharge de a */
.home #maincol ul.aggregatenews .player_audio li,
.news #maincol .player_audio li {
	margin: 0;
	padding-bottom: 10px;
	background: none;
    border-bottom: none;
    background: none;
}

/**
*   CUSTOM PLAYER
*/
.player_audio .custom-audioplayer {
    width: 100%;
    height: 84px;
    position: relative;
    background: #fff;
    overflow: hidden;
    margin-bottom: 10px;
}

    .player_audio .custom-audioplayer .btn-box {
        width: 78px;
        height: 84px;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 0;
        z-index: 1;
    }

        .player_audio .custom-audioplayer .btn-play {
            width: 25px;
            height: 29px;
            background: transparent url(all/../../img/sprite.png);
    		background-repeat: no-repeat;
    		background-position: -34px 0px;
            vertical-align: middle;
            display: block;
            margin: 9px auto 8px auto;
            cursor: pointer;
        }
        .player_audio .custom-audioplayer .btn-play.isPlaying {
            background-position: -9px 0px;
        }

        .player_audio .custom-audioplayer .btn-prev {
            padding: 14px 9px 14px 10px;
            /*padding: 14px 0px 14px 0px;*/
            width: 39px;
            height: 39px;
            display: inline-block;
            cursor: pointer;
            /*float: left;*/
        }
        .player_audio .custom-audioplayer .btn-prev.disabled {
            cursor: default;
        }
            .player_audio .custom-audioplayer .btn-prev span {
                display: inline-block;
                width: 19px;
                height: 10px;
                background: transparent url(all/../../img/sprite.png);
				background-repeat: no-repeat;
				background-position: -59px 0px;
                cursor: inherit;
            }
            .player_audio .custom-audioplayer .btn-prev.disabled span {
                background-position: -96px 0px;
            }

        .player_audio .custom-audioplayer .btn-next {
            /*padding: 14px 0px 14px 0px;*/
            padding: 14px 10px 14px 9px;
            width: 39px;
            height: 39px;
            display: inline-block;
            cursor: pointer;
        }
        .player_audio .custom-audioplayer .btn-next.disabled {
            cursor: default;
        }
            .player_audio .custom-audioplayer .btn-next span {
                display: inline-block;
                width: 19px;
                height: 10px;
                background: transparent url(all/../../img/sprite.png);
				background-repeat: no-repeat;
				background-position: -59px -10px;
                cursor: inherit;
            }
            .player_audio .custom-audioplayer .btn-next.disabled span {
                background-position: -96px -10px;
            }

    .player_audio .custom-audioplayer .track {
        padding-left: 78px;
        height: 47px;
        font-size: 0;
    }

        .player_audio .custom-audioplayer .title {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            display: block;
            padding-left: 4px;
        }

        .player_audio .custom-audioplayer .metainfos {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            display: block;
            padding-left: 4px;
        }

    .player_audio .custom-audioplayer .playing-infos {
        padding-left: 78px;
        height: 38px;
        font-size: 0;
        position: relative;
        vertical-align: middle;
        overflow: hidden;
    }
        .player_audio .custom-audioplayer .playing-infos .cell {
            width: 320px;
            left: 44px;
            position: relative;
        }
        .player_audio .custom-audioplayer .playing-infos .timing {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            display: inline-block;
            width: 44px;
            text-align: center;
            position: absolute;
            height: 38px;
            top: 0;
            left: 76px;
            line-height: 38px;
            cursor: pointer;
        }

        .player_audio .custom-audioplayer .playing-infos .seekbox {
            background: black;
            display: inline-block;
            width: 320px;
            height: 8px;
            vertical-align: middle;
            position: relative;
            cursor: pointer;
        }
        .player_audio .custom-audioplayer .playing-infos .seekbox .cursor {
            display: block;
            width: 8px;
            height: 8px;
            position: absolute;
            top: 0;
            left: 1px; /* JS BEHAVIOR */
            background: transparent url(all/../../img/sprite.png);
    		background-repeat: no-repeat;
    		background-position: 0px -18px;
        }


    .player_audio .custom-audioplayer .volume {
        width: 38px;
        height: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
        cursor: pointer;
    }
        .player_audio .custom-audioplayer .level {
            height: 48px;
            width: 100%;
            display: none; /* JS BEHAVIOR */
    		cursor: pointer;
        }
            .player_audio .custom-audioplayer .level .bg-level {
                display: block;
                width: 2px;
                height: 100%;
                background: #000;
                margin-left: auto;
                margin-right: auto;
                position: relative;
            }
            .player_audio .custom-audioplayer .level .bg-level .cursor {
                display: block;
                width: 8px;
                height: 8px;
                position: absolute;
                top: 20px; /* JS BEHAVIOR */
                left: -3px;
                background: transparent url(all/../../img/sprite.png);
	    		background-repeat: no-repeat;
	    		background-position: -59px -20px;
            }

        .player_audio .custom-audioplayer .btn-volume {
            display: block;
            padding: 9px 9px 6px 11px;
            position: absolute;
            bottom: 0;
        }
            .player_audio .custom-audioplayer .btn-volume span {
                display: inline-block;
                width: 18px;
                height: 16px;
                background: transparent url(all/../../img/sprite.png);
	    		background-repeat: no-repeat;
	    		background-position: -78px 0px;
            }

            .player_audio .custom-audioplayer .btn-volume.muted span {
                background-position: -78px -15px;
            }

/**
*   PLAYLIST
*/
.player_audio .playlist {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.home #maincol ul.aggregatenews .player_audio li,
.news #maincol .player_audio li {
    height: auto;
    border-bottom : 1px solid #b2b2b2;
    position: relative;
    padding: 10px 10px 10px 10px;
    cursor: pointer;
    background: none;
    margin: 0;
}
.player_audio .playlist li:first-child {
    border-top : 1px solid #b2b2b2;
}

.player_audio .playlist .track {
    font-size: 0;
}

    .player_audio .playlist .btn-icon {
        display: inline-block;
        width: 13px;
        height: 13px;
        padding: 4px 4px 2px 0px;
        text-align: center;
        line-height: 0;
        vertical-align: top;

    }
        .player_audio .playlist .btn-icon span {
            display: inline-block;
            width: 9px;
            height: 9px;
            background: transparent url(all/../../img/sprite.png);
	    		background-repeat: no-repeat;
	    		background-position: 0px 0px;
        }
        .no-touch .player_audio .playlist .btn-icon:hover span,
        .player_audio .playlist .active .btn-icon span {
            background-position: 0px 0px;
        }

        .player_audio .playlist .pause.active .btn-icon span,
        .player_audio .playlist .active.pause .btn-icon span {
            background-position: 0px -9px;
        }

    .player_audio .playlist .title {
        color: #000;
        display: inline-block;
        text-transform: uppercase;
        vertical-align: middle;
        margin-left: 3px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }

    .player_audio .playlist .timing {
        color: #000;
        vertical-align: middle;
        float: right;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }


.player_audio .playlist .metainfos {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.player_audio .playlist .active .title,
.player_audio .playlist .active .timing,
.player_audio .playlist .active .metainfos {
    color: #808080;
}

.player_audio .currentTrackInfos,
.player_audio .cell{
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}
.player_audio .playing-infos span,
.player_audio .currentTrackInfos span{
    color: #000;
}

/* API V2 exception*/

.apiversion_2 .player_audio .custom-audioplayer .playing-infos .seekbox{
    width: 100%;
}
.apiversion_2 .player_audio .custom-audioplayer .playing-infos .cell {
    width: 346px;   
}
.apiversion_2 .player_audio .custom-audioplayer .volume {
    display: none
}
/* ==========================================================================
   Media Queries
   ========================================================================== */


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (device-aspect-ratio: 40/71),
only screen and (max-width : 480px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .player_audio {
        margin-left: 10px;
        margin-right: 10px;
        width: auto;
    }
    .player_audio .custom-audioplayer .playing-infos .cell {
        padding-right: 0px;
        width: 168px;
    }

    .player_audio .custom-audioplayer .volume {
        display: none;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    .player_audio {
        margin-left: auto;
        margin-right: auto;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.player_audio .valign-wrapper .after{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

        .player_audio .custom-audioplayer .btn-play,
        .player_audio .custom-audioplayer .btn-prev span,
        .player_audio .custom-audioplayer .btn-next span,
        .player_audio .custom-audioplayer .playing-infos .seekbox .cursor,
        .player_audio .custom-audioplayer .level .bg-level .cursor,
        .player_audio .custom-audioplayer .btn-volume span,
        .player_audio .playlist .btn-icon span {
            background-image: url(all/../../img/sprite@2x.png);
            background-size: 115px 30px;
        }

}


a {
    color: #666;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: none;
}
/* force document scroll */
html {
    overflow-y: scroll;
}
body, input, select {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
body {
    color: #666;
}
h2 sup, h1 sup {
    font-size: 50%;
}
.ie6 body {
    background: url(null) fixed; /* evite le sautillement */
}
#page {
    background: url(all/../../img/foot.png) no-repeat center bottom;
    border: 7px solid black;
    position: relative;
}
#header {
    z-index: 1000;
    width: 100%;
    position: fixed;
    top: 17px;
}
.ie6 #header {
    position: absolute;
    top: expression(documentElement.scrollTop + body.scrollTop +10);
}
.cq-wcm-edit #header {
    position: absolute;
}
.ie6 .cq-wcm-edit #header {
    top: 0;
}
#logo {
    height: 196px;
    margin: auto;
    width: 716px;
}
#logo img {
    left: -7px;
    position: relative;
}
#logo img {
    left: 0;
}
/* footer */
#footer {
    bottom: 0;
    height: 43px;
    position: absolute;
} 
#footer .link-home {
    display: block;
    height: 43px;
    margin: 0 auto;
    width: 62px;
}
/** Components **/
#maincol div.image {
    text-align: center;
    margin: 3px 0 14px 0;
}
.ie6 #maincol div.image,.ie7 #maincol div.image {
    margin: 3px 0 0 0;
}
#maincol div.image img {
    display: block;
    margin: 0 auto;
}
div.text a {
    text-decoration: underline;
}

/**credit**/
p.credit{
    font-size: xx-small;
    margin-left: 98px;
}

/**audio**/
div.audio.video{
    text-align: left;
    width : 477px;
    margin : auto;
}

div.audio.video > .cq-dd-movie{
    width: 340px;
    overflow:hidden;
    margin: 0;
}

div.audio.video object{
    position: relative; 
    left: -28px;
}

div.audio.video audio{
    position :relative;
    top : 5px;
    left : 28px;
    margin : 10px 0px;
}
    
div.text{
    width: 477px;
    margin: 0 auto;
    font-size: 13px;
    color: #666;
}
div.audio p {
    width : auto;
    margin: 0 auto;
    font-size: 13px;
    color: #666;
}
div.audio p,div.text.audio {
    font-size: 13px;
    text-align: left;
}
    
    
span.audio,#CQrte p span.audio,select.x-font-select span.audio {
    font-size: xx-small;
    color: #666;
}
div.video {
    margin: 2px 0 0;
    text-align: center;
}
#rightcol div.imgmobile {
    text-align: center;
}
.tworcol #maincol {
    width: 673px;
    margin: 246px auto 0 auto;
    float: none;
    left: auto;
}
.category .tworcol #maincol {
    margin: 220px auto 0 auto;
}
.pagedate {
    white-space: nowrap;
    margin: 0 0 0 98px;
    color: #000;
    line-height: 2em;
    font-size: 13px;
    text-transform: uppercase;
}
.entry-updated,.vcard,.entry-subject {
    left: -9999px;
    position: absolute;
}
.fakebar {
    padding: 0 3px;
    background: #D4E1F2;
    border: 1px solid #99BBE8;
    line-height: 18px;
}
.edit-page {
    font-size: 12px;
}
.edit-page:hover {
    text-decoration: underline;
}
#content {
    position: relative;
    margin-bottom: 300px;
}
#content h2 {
    width: 477px;
    margin: 15px 98px;
    font-size: 22px;
    line-height: 1.2em;
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
}
.ie6 #content h2,.ie7 #content h2 {
    margin: 0 98px 0 98px;
}
.category #content h2 {
    margin: 0 98px 27px;
}
#content .aggregatenews li h2 {
    margin: 15px 98px;
    width: 477px;
}
#content h2 a {
    color: #000;
}
#content h1 {
    width: 477px;
    margin: 15px 98px;
    font-size: 22px;
    line-height: 1.2em;
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
}
.ie6 #content h1,.ie7 #content h1 {
    margin: 0 98px 0 98px;
}
.category #content h1 {
    margin: 0 98px 27px;
}
#content .aggregatenews li h1 {
    margin: 15px 98px;
    width: 477px;
}
#content h1 a {
    color: #000;
}
#content .colmask {
    width: 100%;
}
#content .tworcol {
    float: none !important;
}
/** RIGHTCOL **/
.tworcol #rightcol {
    z-index: 2000;
    width: 200px;
    position: fixed;
    top: 4px;
    right: 29px;
    text-align: right;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
}
.ie6 .tworcol #rightcol {
    position: absolute;
    right: 21px;
    top: expression(documentElement.scrollTop +   body.scrollTop -   4);
}
.ie6 .cq-wcm-edit .tworcol #rightcol {
    top: 0;
}
.cq-wcm-edit .tworcol #rightcol {
    position: absolute;
}
.tworcol #rightcol h3 {
    font-weight: normal;
}
.tworcol #rightcol li.current a {
    color: #000;
    font-weight: bold;
}
.tworcol #rightcol div.section {
    margin: 0;
}
.tworcol #rightcol div.accordion {
    margin: 14px 0 14px 0;
}
/* otherlink*/
.tworcol #rightcol .otherlink {
    font-size: 9px;
}
.tworcol #rightcol div.navigation ul {
    margin: 0 20px 0 0;
}
.tworcol #rightcol div.navigation h3 {
    cursor: pointer;
    margin: 0 20px 0 0;
    text-align: right;
}
.tworcol #rightcol div.searchmini {
    margin: 28px 0 23px;
}
.ie6 .tworcol #rightcol div.searchmini {
    margin: 13px 0 22px;
}
/** Pagination Post**/
div.pagination {
    width: 477px;
    margin: 45px auto 0 auto;
    background: url("all/../../img/pagination-top.png") no-repeat scroll -10px top #fff;
    padding-top: 27px;
}
.ie6 div.pagination,.ie7 div.pagination {
    margin: 0 auto;
}
div.pagination a {
    position: relative;
    z-index: 2000;
}
div.pagination .previous-post,div.pagination .next-post {
    display: block;
    float: left;
    line-height: 19px;
    min-height: 70px;
}
.ie6 div.pagination .previous-post,.ie6 div.pagination .next-post {
    line-height: 21px;
}
div.pagination .previous-post {
    text-align: left;
    width: 239px;
}
div.pagination .next-post {
    text-align: right;
    width: 238px;
}
div.pagination .previous-post a,div.pagination .next-post a {
    font-size: 11px;
    text-transform: uppercase;
}
div.pagination .post-nav-lib {
    display: block;
    font-size: 22px;
    margin: 0 0 14px 0;
}
/** Pagination Home**/
.home .pagination {
    background: none;
    font-size: 11px;
    list-style-type: none;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 480px;
}
.home .pagination li {
    display: inline;
    padding: 0 5px;
    width: auto;
}
.home .pagination li.first {
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
.home .pagination li.last {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.home .pagination a {
    text-decoration: none;
    text-transform: uppercase;
}
.home .pagination .current {
    color: #000;
}
/** Search mini **/
#searchmini #searchquery {
    border: none;
    background: transparent url('all/../../img/search.png') 0 0 no-repeat;
    width: 94px;
    height: 16px;
    padding: 3px 2px 0;
    color: #666;
    font-size: 11px;
    margin-right: 6px;
}
#searchmini #searchbtn {
    display: none;
}
/** HOME **/
.home #maincol ul.aggregatenews li {
    margin-bottom: 21px;
    background: url("all/../../img/sep-li-home.png") no-repeat scroll 0 bottom #FFF;
    padding-bottom: 37px;
}
.accordion a {
    font-size: 11px;
    text-align: right;
}
.accordion .navsearch a,.accordion.navsearch a {
    font-size: 9px;
}
div.text p {
    line-height: 19px;
    margin: 0 0 15px;
}
.cq-dd-streamlike {
    position: relative;
}
.subscription .text {
    border-bottom: 6px solid black;
    padding-bottom: 32px;
}

.subscription p {
    margin-top: 15px;
    float: left;
    clear: left;
    *width: 477px; /* IE 7 and below */
}

.subscription .textaccept .accept, .subscription .textaccept .accept2{
    width: 34em;
}

.legalacceptblock {
    clear: both;
    float: left;
    width: 477px;
}

.legalacceptblock .checkaccept{
    float: left;
    margin-top: 3px;
    position: relative;
    width: 2em; 
    *width: 26px;
}

.legalacceptblock .textaccept{
    float: left; 
    position: relative; 
    *width: 442px;
}

.legalacceptblock .textaccept label{
    width: 34em; 
    *width: 442px;
}

.subscription label {
    width: 120px;
    display: block;
    float: left;
}

.subscription input {
    width: 200px;
    padding: 0;
    margin: 0;
    border: 1px solid #666;
    background-color: #fff;
    float: left;
}

/* specific rules depending the language used (influence on words lenght) */
/* warn : redefine this rule for @media only screen and (max-width: 767px) */
.es_ES .subscription #email, .es_ES .subscription #country, .es_ES .subscription .radioblock{
     margin-left: 10px;
}
.de_DE .subscription #email, .de_DE .subscription #country, .de_DE .subscription .radioblock{
     margin-left: 20px;
}

.subscription #accept, .subscription #accept2{
    width: auto;
}

.subscription select {
    width: 202px; /* Set to 202 because of border left and right : 1+1 px */
    padding: 0;
    margin: 0;
    border: 1px solid #666;
    background-color: #fff;
    float: left;
}
.subscription .accept input, .subscription .accept2 input, .subscription .accept label , .subscription .accept2 label {
    width: auto;
    float: none;
}

.subscription .err,.subscription .err1,.subscription .err2,.subscription .err3,.subscription .err4, .subscription .err5  {
    color: red;
    padding-left: 1em;
}

.subscription .err2, .subscription .err3 {
    color: red;
    padding-left: 2em;
}

.subscription .buttons {
    padding-left: 120px;
}
/* warn : redefine this rule for @media only screen and (max-width: 767px) */
.es_ES .subscription .buttons {
    padding-left: 130px;
}
.de_DE .subscription .buttons {
    padding-left: 140px;
}

.subscription .buttons input {
    padding: 0 5px;
    margin: 0;
    border: 1px solid #666;
    background: url(all/../../img/degrad.png) top repeat-x #fff;
    width: auto;
}
.subscription .buttons input+input {
    margin-left: 5px;
}

/** MORE feature in posts **/
div.togglable {
    display: none;
    margin-bottom: 1em;
}
a.seemore {
    color: #666;
    font-size: 13px;
    display: block;
    text-align: right;
    text-decoration: underline;
}
a.seemore:hover {
    color: #333;
}
a.seemore span.hidden {
    display: none;
}
/* specific style language */
.ja_JP .navsearch li a,.ja_JP .navsearch h3{
    font-size: 10px;
}
.ja_JP, .ja_JP input, .ja_JP select {
    font-family: "Pro W3", "Hiragino Kaku Gothic Pro", Arial, Meiryo, "MSPGothic", Roboto, "Droid Sans", Osaka, sans-serif;
}
.zh_CN, .zh_CN input, .zh_CN select {
    font-family: "STXiHei", "Microsoft Yahei", "ST Heiti", "MS", "MS Hei", sans-serif;
}
.zh_TW, .zh_TW input, .zh_TW select {
    font-family: "Microsoft JhengHei", "Pro", "LiHei Pro", "Arial Unicode MS", sans-serif;
}
.ru_RU, .ru_RU input, .ru_RU select {
    font-family: Helvetica, Arial, sans-serif;
}
.ko_KR, .ko_KR input, .ko_KR select {
    font-family: "Malgun Gothic", "Apple Gothic", Dotum, Gulim, sans-serif;
}
 
 #maincol div.image img.lazyloadedimage {
    display: none;
}

/* Ooyala videos */
.player-container {
    position: relative;
    z-index: 100;
    margin:0 auto;
}
.posterFlash {
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    width: 100%;   
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 99999;
}

.posterFlash img {
    width: 100%;
    height: 100%;
}
.posterFlash span {
    background: url("all/../../img/play-new.png") no-repeat scroll center center / 92px auto;
    cursor: pointer;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 100000;
}

/********DATE 19/06/2013********/


    .tworcol #rightcol div.navigation h3{cursor: pointer;text-align: right;}
    .tworcol #rightcol .section.accordion div.navigation.languagesamplenav h3, 
    .tworcol #rightcol .section .footernav,
    .tworcol #rightcol .section.footernav,
    .tworcol #rightcol .section.footernav a,
    .tworcol #rightcol div.accordion.languagesamplenav,
    .tworcol #rightcol div.accordion.languagesamplenav li a{font-size: 9px;}
    .tworcol #rightcol div.accordion .languagesamplenav,
    .tworcol #rightcol div.accordion .languagesamplenav li a{margin:0; font-size: 9px;}
    .tworcol #rightcol .linknav, .tworcol #rightcol .linknav.section {margin-bottom: 14px}
    .tworcol #rightcol div.accordion {margin: 14px 0 0;}
    
    #rightcol .rightcoltop{display: none;}
    .call2action { display : none;margin-top: 10px;}

@media only screen and (min-width:1025px){
    /*body{background: red;}*/
    /*#page{width: 100%;}*/
    .tworcol #rightcol div.section .footernav,
    .tworcol #rightcol div.section.footernav {margin-right: 20px;}
}
/**IPAD**/
@media only screen and (min-width: 768px) and (max-width: 1024px){
    /*#page{background-image: none; border-top: none;}*/
    /*page, #pagegallery{width: 100%;}*/
    
    /**header**/
    /*#header { position: relative;top: 0; }*/
    /*#logo{width: 69%; text-align: center; margin: 0;position: absolute;}
    #logo img{ top: 0; left: 40px; width: 100%; height: 100%;}*/
    
    /**page**/
    /*.tworcol #maincol, .category .tworcol #maincol { width: 95%;}
    .tworcol #rightcol{width: 20%;}*/
    /*.tworcol #rightcol div.section li a{font-size: 13px;}
    .tworcol #rightcol div.navigation li, .tworcol #rightcol div.navigation li a{font-size: 13px; }
    #content .aggregatenews li h2 {width: auto;}
    #maincol div.image img, .news #pagegallery .galleria-stage img {width: 100%; height: 100%;}
    div.text{width: auto;}
    div.text p {margin: 0 10px 15px;}*/
    /*.tworcol #maincol, .category .tworcol #maincol { width: auto; }*/
    /*.tworcol #rightcol div.navigation li, .tworcol #rightcol div.navigation h3{ line-height: 17px;}*/
    .tworcol #rightcol .navigation, .tworcol #rightcol .sitemap{display: none;}
    .tworcol #rightcol .navigation.languagesamplenav, 
    .tworcol #rightcol .navigation.searchmini, 
    .tworcol #rightcol .navigation.localizedsamplenav,
    .tworcol #rightcol .keep-me-posted,
    .tworcol #rightcol .navigation.footernav,
    .tworcol #rightcol .navigation .footernav,
    .tworcol #rightcol .footernav .navigation,
    .tworcol #rightcol .navigation.linknav,
    .tworcol #rightcol .navigation .linknav,
    .tworcol #rightcol .linknav .navigation{display: block;}
    
    .tworcol #rightcol .section.accordion div.navigation.languagesamplenav h3, 
    .tworcol #rightcol .section .footernav,
    .tworcol #rightcol .section.footernav,
    .tworcol #rightcol .section.footernav a,
    .tworcol #rightcol div.accordion.languagesamplenav{font-size: 9px;background: none;}
    .tworcol #rightcol div.accordion .languagesamplenav{margin:0; font-size: 9px; background: none;}
    .tworcol #rightcol .linknav, .tworcol #rightcol .linknav.section {margin-bottom: 14px}
    .tworcol #rightcol div.accordion {margin: 14px 0 0;}
    .tworcol #rightcol .section .footernav,
    .tworcol #rightcol .section.footernav{margin-right: 20px;margin-top: 6px;}
    .home .pagination li.first a{background: none!important; }
    .home .pagination li.last a{background: none!important;}
    
    /**audio**/
    div.audio.video p{
        margin: 0;
    }
    /*div.text, div.audio p {font-size: 15px;}
    .pagedate {font-size: 15px;}
    span.audio, #CQrte p span.audio, select.x-font-select span.audio {font-size: x-small;}*/
    
    /**pagination**/
    /*.home .pagination {width: 100%;}
    .home .pagination li {padding: 0 10px;}*/
    
    /**video**/
    
    
    /*.call2action{margin-left: 20px;}]
    .video-player{ text-transform: uppercase; color: #cccccc; font-size: 24px;}
    .video-player a{background: url(all/../../img/video.png) no-repeat left center; padding-left: 20px; text-transform: uppercase; color: #cccccc; font-size: 24px;}*/
    
    /**galleria**/
    /*.gallery .galleria,   .gallery .galleria .galleria-container,
    .galleria .gallery .galleria-stage, .galleria .gallery .galleria-image{width: 100% !important;}*/
    
    
    /*.call2action.gallery{background: url(all/../../img/photo.png) no-repeat left center; padding-left: 20px; text-transform: uppercase; color: #cccccc; font-size: 24px;}
    .tworcol #rightcol div.section .footernav,
    .tworcol #rightcol div.section.footernav {margin-right: 10px;}
    .tworcol #rightcol div.navigation ul {margin: 0 10px 0 0;}

    .tworcol #rightcol div.navigation h3 {margin: 0 10px 0 0;}*/
    
    
    
    /**subscription**/
    /*div.text {width: auto;}
    div.text p {margin: 0 10px 15px;}
    div.text p:nth-last-child(1) { margin: 16px 10px;}
    .tools div.text p:nth-last-child(1) { margin: 16px 10px 38px; font-weight: bold;}
    .tools div.text p. { margin: 16px 10px 38px; font-weight: normal;}
    div.text, div.audio p, div.text a  {font-size: 15px; color: #b1b3b4;}
    
    .subscription .text {border-bottom: 1px solid #b1b3b4;}
    
    .tools div.text {color: #000000;}
    
    .subscription label {text-transform: uppercase; float: none; margin-bottom: 11px;}
    .subscription .buttons {padding-left: 0}
    .subscription .buttons input {background: url("all/../../img/pagination_next.png") no-repeat scroll right center; border: none; width: 150px; text-align: left; font-weight: bold; text-transform: uppercase; color: #000000;}
    div.text p {margin: 0 10px 15px;}
     .tools form div.text p {margin-bottom: 40px;}
     
     .subscription p{width: 100%;}
    .subscription select, 
    .subscription input {width: 70%;}
    
    .legalacceptblock .textaccept label {width: 100%;}
    
    div.text p.accept, div.text p.accept label, div.text p.accept a {color: #B1B3B4;font-size: 12px; font-weight: normal; text-transform: lowercase;}
    
    .legalacceptblock {margin-left: 10px; width: 100%;}
     .tools div.text p.accept{margin-top: 0;}
     .legalacceptblock .textaccept { width:421px; }
     .subscription .textaccept .accept, .subscription .textaccept .accept2 {width:100%;}*/
}

    /*tablette paysage*/

@media only screen  and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    /**video**/
    /*div.video,
    .news div.video{ padding-top: 56.25%; overflow: hidden; position: relative;widht: 100% !important; heigt: 100% !important;}
    div.video object, div.video embed, div.video iframe,
    .news div.video object, .news div.video embed, .news div.video iframe{widht: 100% !important; heigt: 100% !important; position: absolute; top: 0; left: 0;}*/
    /**logo**/
    /*#logo{width: 65%; text-align: center; margin: 0;position: absolute;}
    #logo img{ top: 0; left: 30px; width: 100%; height: 100%;}*/
    
    /**page**/
    /*.tworcol #maincol { width:100%;}*/
    /*.tworcol #rightcol{width: 22%;; padding-right: 20px; right: 0; overflow-y: auto;overflow-y: hidden; height: 100%;}*/
    .tworcol #rightcol{margin-top: 82px;right: 16px}
    
}

    /*tablette portrait*/

@media only screen  and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
    #page {zoom: 0.79;}
    .tworcol #rightcol{margin-top: 82px; right: 16px}
    /*#maincol div.image img, .news #pagegallery .galleria-stage img {width: 100%; height: 100%;}*/
    
    
    /*page, #pagegallery{width: 100%; background-color: green;}*/
    /*#mailcol{width: 60%;background-color: red;}
    .tworcol #rightcol {right: 10px;width: 30%;}*/
    /**video**/
    /*div.video{ padding-top: 56.25%; overflow: hidden; position: relative;widht: 100% !important; heigt: 100% !important;}
    div.video object, div.video embed, div.video iframe{widht: 100% !important; heigt: 100% !important; position: absolute; top: 0; left: 0;}*/
    
    /**logo**/
    /*#logo{width: 66.94%; text-align: center; margin: 0;position: absolute;}
    #logo img{ top: 0; left: 30px; width: 100%; height: 100%;}*/
    
    /**page**/
    /*.tworcol #maincol { width: 66.94%; margin: 160px 10px 0 20px;}
    .tworcol #rightcol{width: 21%;; padding-right: 15px; right: 0; overflow-y: auto;overflow-x: hidden; height: 100%;}
    .tworcol #rightcol div.navigation ul { margin: 0;}
    .tworcol #rightcol div.navigation h3 { margin:0;}*/
    /*.tworcol #rightcol{margin-top: 82px;}*/
}

/* ipad Mini Portrait */
@media only screen and (width:768px) and (resolution: 163dpi) {
    /*body{background: wheat;}*/
}

/* ipad Mini Landscape */
@media only screen and (width:1024px) and (resolution: 163dpi) {
    /*body{background: pink;}*/

}
    /**smartphone**/

@media only screen and (max-width: 767px){
   
    html{overflow-x: hidden;}
    #page{background-image: none; border: none; }
    #page, #pagegallery{width: auto;}
    #header {position: relative; z-index: 999;}
    #content{ margin-bottom: 100px;}
    
    /** Call 2 action **/
    li .video ~ .call2action.video-player { display :block; }
    /* Call 2 action not visible for audio */
    li .audio.video ~ .call2action.video-player { display :none; }
    
    li .ooyalavideo ~ .call2action.video-player { display :block; }
    /*li .image ~ .call2action.gallery { display :block; }*/
    .open-gallery { display:none; }
    
    /**menu**/
    .tworcol #rightcol .menu-wrapper { padding: 0 0 15px 29px; border-right: 40px solid #FFFFFF; bakcground: #000000; display: none;}
    .tworcol #rightcol.menuactif .menu-wrapper{display: block;padding: 14px 0 15px 29px;overflow-y: scroll;height: 100%;}
    #rightcol.menuactif .rightcoltop .buttonmenu{cursor: pointer; height: 20px; width: 20px; display: block; background: url('all/../../img/picto_menu.png') no-repeat 0 0 #000000; position: absolute; margin-left: 0; top: 10px; right: 3%;}

    #rightcol .rightcoltext{position: static;}
    #rightcol .rightcoltext a{display: block; cursor: pointer; width: 127px; height: 40opx; margin: 0 auto; height: 21px;}
    .tworcol #rightcol.menuactif{background: #000000; height: 100%;}
    .tworcol #rightcol {float: none; left: 0; text-align: left; width: 100%; /* overflow-y: auto; overflow-x: hidden;*/ margin-top: -4px; }
    #rightcol .rightcoltop, #rightcol.menuactif .rightcoltop{display: block!important; height: 40px; background: #000000;/*position:fixed*/position: relative;;}
    
    #rightcol .rightcoltop .buttonmenu{cursor: pointer; height: 20px; width: 20px; display: block; background: url('all/../../img/picto_menu.png') no-repeat 0 0 #000000; position: absolute;top: 10px; right: 3%; }
    #rightcol .rightcoltop .rightcoltext {background: url(all/../../img/logo_chanel.png) no-repeat center #000000;  display: block; height: 40px;}
    .tworcol #rightcol div.section, .tworcol #rightcol.menuactif div.accordion {margin: 0 10px 0 0;}
    /*.tworcol #rightcol .section div.navigation li{line-height: 26px;}*/
    .tworcol #rightcol .linknav, .tworcol #rightcol .linknav.section {margin-bottom: 0;}

    .tworcol #rightcol div.navigation ul,
    .tworcol #rightcol .section .linknav,
    .tworcol #rightcol .section.linknav { margin: 0;display:table;}    
    .tworcol #rightcol .section div.navigation li{ text-align: left; display:table-row; line-height: 17px; }
    .tworcol #rightcol .section div.navigation li a,
    .tworcol #rightcol .section div.navigation h3,
    .tworcol #rightcol .section.navigation li a,
    .tworcol #rightcol .section.navigation h3 { display:table-cell; padding-bottom: 27px;}
    
    .tworcol #rightcol div.navigation li a,
    .tworcol #rightcol .section  div.navigation h3,
    .tworcol #rightcol .section.navigation h3, 
    .tworcol #rightcol .section .linknav h3,
    .tworcol #rightcol .section.linknav h3{color: #FFFFFF; font-size: 17px; text-align: left; display: block;}

    .tworcol #rightcol div.navigation{margin: 0;}
  
    .tworcol #rightcol div.navigation.navsearch h3 { color:#FFFFFF; font-size: 17px; padding-bottom: 0; text-align: left;}
    .tworcol #rightcol li.current a {font-weight: normal;}
        
    /** Accordion **/
    .tworcol #rightcol .section.accordion div.navigation ul,
    .tworcol #rightcol .section.accordion.navigation ul,
    .tworcol #rightcol .section.accordion div.navigation ul li,
    .tworcol #rightcol .section.accordion.navigation ul li{display: block;}
    .tworcol #rightcol .section.accordion div.navigation ul,
    .tworcol #rightcol .section.accordion.navigation ul,
    .tworcol #rightcol .section.accordion div.navigation ul li,
    .tworcol #rightcol .section.accordion.navigation ul li{display: block;}
    .tworcol #rightcol .section.accordion  div.navigation h3,
    .tworcol #rightcol .section.accordion.navigation h3,
    .tworcol #rightcol .section .footernav,
    .tworcol #rightcol .section.footernav{text-align: left;color: #FFFFFF; font-size: 17px; padding-bottom: 0; height: 46px;}
    .tworcol #rightcol .section.accordion .languagesamplenav li a,
    .tworcol #rightcol .section.accordion.languagesamplenav li a{color: #b1b3b4; font-size: 9px;}
    .tworcol #rightcol .section.accordion div.navigation,
    .tworcol #rightcol .section.accordion.navigation, .tworcol #rightcol .section .footernav,{margin: 5px 0;height: 30px;}
    .tworcol #rightcol .section.accordion h3 {background: url('all/../../img/CHEVRON_HAUT_CONTRIB.png') no-repeat 100% 3px; }
    .tworcol #rightcol .section.accordion div.navigation.languagesamplenav h3,
    .tworcol #rightcol .section.accordion.navigation.languagesamplenav h3 {background: url("all/../../img/CHEVRON_HAUT_LANGUES.png") no-repeat 100% 3px;color: #b1b3b4; font-size: 14px; margin-top: 47px;}
   
    .tworcol #rightcol .section .footernav,
    .tworcol #rightcol .section.footernav{height: 45px;}
    
    .tworcol #rightcol .section .footernav a,
    .tworcol #rightcol .section.footernav a{color: #B1B3B4; font-size: 14px}

    .tworcol #rightcol .section.accordion.closed h3{background: url('all/../../img/CHEVRON_BAS_CONTRIB.png') no-repeat 100% 3px;} 
    .tworcol #rightcol .section.accordion.closed div.navigation.languagesamplenav h3,
    .tworcol #rightcol .section.accordion.closed.navigation.languagesamplenav h3  {background: url("all/../../img/CHEVRON_BAS_LANGUES.png") no-repeat 100% 3px ; color: #b1b3b4;}
    .tworcol #rightcol .section.accordion div.navigation li a, 
    .tworcol #rightcol .section.accordion.navigation li a{font-size: 14px;margin-bottom: 30px}
    .tworcol #rightcol .section.accordion .languagesamplenav li a,
    .tworcol #rightcol .section.accordion.languagesamplenav li a{font-size: 13px;}
    .tworcol #rightcol .section.accordion div.navigation li,
    .tworcol #rightcol .section.accordion.navigation li { margin-left:12px;}
    
    .tworcol #rightcol .section.accordion.languagesamplenav div.navigation li a,
    .tworcol #rightcol .section.accordion.navigation.languagesamplenav li a {display: block; padding-bottom: 25px;margin-bottom: 0;}

    .tworcol #rightcol .section:nth-last-child(2) .footernav { padding-bottom: 50px; }
    
    .tworcol #rightcol div.navigation h3{text-align: left; font-size: 14px;}
 
    /**search**/
    
    .tworcol #rightcol div.searchmini {display: none;}
    
    /**page**/ 
    .tools .mainwraper, .category .mainwraper{margin-top:0;}
    .mainwraper{margin-top: 0;}
    #content h2, .category #content h2{font-size:15px;margin: 0 10px 15px; width: auto;font-weight: bold;}
    #content h1, .category #content h1{font-size:15px;margin: 0 10px 15px; width: auto;font-weight: bold;}
    #logo{height: 100%; width: 90%; text-align: center;}
    #logo img{position: relative; top: 32px; width: 80%;}
    .tworcol #maincol, .category .tworcol #maincol {width: 100%;margin: 49px auto 0;}
    .tools .tworcol #maincol, .category .tworcol #maincol{margin-top: 90px}
    .home #maincol ul.aggregatenews li { background: none #FFFFFF; border-bottom:2px solid #B1B3B4;padding-bottom: 37px;margin-bottom: 10px;}
    .home #maincol ul.aggregatenews li:nth-last-child(1) {margin-bottom: 40px;}
    #content .aggregatenews li h2 {width: auto; margin: 15px 10px 41px;}
    #content .aggregatenews li h1 {width: auto; margin: 15px 10px 41px;}

    div.text {width: auto;}
    div.text p {margin: 0 10px 15px;}
    div.text p:nth-last-child(1) { margin: 16px 10px;}
    .tools div.text p:nth-last-child(1) { margin: 0 10px 18px; font-weight: bold;}
    .tools div.text p:nth-last-child(1) input { margin-left:-10px; }
    .tools div.text p. { margin: 16px 10px 38px; font-weight: normal;}
   
    div.text, div.text a  {font-size: 12px; color: #b1b3b4;}
    div.audio p{font-size: 7px; color: #b1b3b4; padding-right : 40px;} /* padding 40 in order not to push the audio description to the right of the screen (iphone) */
    
    .pagedate {font-size: 13px; font-weight: bold; line-height: 16px; margin: 0 0 10px 10px;}
    span.audio, #CQrte p span.audio, select.x-font-select span.audio {/*font-size: x-small;*/ color: #b1b3b4;}
    div.text a.seemore {font-size: 17px; color: #333333; margin: 0 10px 48px 0;}
    div.text a.seemore:hover {font-size: 17px; color: #b1b3b4;}
    
    #maincol div.image {margin: 3px 0 10px;}
    .home .par .ooyalavideo, div.video{margin-bottom: 10px;}

    /**pagination**/
    .news div.pagination {background: none #FFFFFF; width: 95%; border-bottom: 2px solid #B1B3B4;}
    .news div.pagination .previous-post {width: 50%;}
    div.pagination .next-post {width: 50%;}
    
    div.pagination .next-post .post-nav-lib {font-size: 0; margin: 0 0 14px; background: url('all/../../img/PAGINATION_NEXT_2x.png') no-repeat right top; font-size: 0; color: #FFFFFF; height: 26px; margin-top: 25px;}
    div.pagination .previous-post .post-nav-lib {font-size: 0; margin: 0 0 14px; background: url('all/../../img/PAGINATION_PREV_2x.png') no-repeat left top; font-size: 0; color: #FFFFFF; height: 26px; margin-top: 25px;}
    
    /*.home .pagination {width: 100%;}*/
    .home .pagination {width: 100%; margin: 0 auto;}
    .home .pagination li{display: none;}
    .home .pagination li.last,.home .pagination li.first{display: block;top:-23px;}
    .home .pagination li.last a,.home .pagination li.first a{color: #FFFFFF; font-size: 0;padding-left: 6px; height: 14px; width: 9px; cursor: pointer;display: block;}
    .home .pagination li.first a{background: url('all/../../img/pagination_prev.png') no-repeat right center; }
    .home .pagination li.last a{background: url('all/../../img/pagination_next.png') no-repeat left center;}
    
    /**video**/
    div.video{ padding-top: 56.25%; overflow: hidden; position: relative;widht: 100% !important; heigt: 100% !important;}
    div.video object, div.video embed, div.video iframe{widht: 100% !important; heigt: 100% !important; position: absolute; top: 0; left: 0;}
    .video-player{ margin-left: 10px;}
    .video-player a{background: url(all/../../img/video.png) no-repeat left center; padding-left: 23px; text-transform: uppercase; color: #000000; font-size: 14px; font-weight: bold;}
    
    
    /**audio**/
    div.audio.video object{top: 0;}
    div.audio.video{
        width : 100%;
        text-align: left;
        margin: 16px 0;
        padding-top : 0;
    }
    div.audio.video > .cq-dd-movie{
        margin: 0 10px;
    }
    div.audio.video audio{
        margin-top: 10px;
        top: 0;
    }
    /**credit**/
    p.credit{
        font-size: xx-small;
        margin-left: 10px;
    }
    
    /**galleria**/

    .call2action.gallery{ margin-left: 10px; }
    .call2action.gallery a{background: url(all/../../img/photo.png) no-repeat left top;padding-left: 23px; text-transform: uppercase; color: #000000; font-size: 14px; font-weight: bold;}

    /**subscription**/
    .subscription  { margin : 0 10px; }
    .subscription .text {border-bottom: 0;}
    
    .tools div.text {color: #000000;}
    
    .subscription label {text-transform: uppercase; float: none;margin-bottom: 5px;width: auto;}
    .subscription .buttons, .es_ES .subscription .buttons, .de_DE .subscription .buttons {padding-left: 0}
    .subscription .buttons input {clear: left; background: url("all/../../img/CHEVRON_BTN_VALIDER.png") no-repeat scroll right center; border: none; width: auto; text-align: left; font-weight: bold; text-transform: uppercase; color: #000000;padding-right: 7px; padding-left: 0;font-size: 11px;}
    div.text p {margin: 0 10px 15px; line-height: inherit;}
    
     .tools form div.text p {margin-bottom: 40px;}
     
     .subscription p{width: 100%;}
    .subscription select, 
    .subscription input {width: 94%;}
    .subscription div.text p { margin: 0 0px 15px;} 
    .legalacceptblock .textaccept label {width: 100%;}
    
    div.text p.accept, div.text p.accept label, div.text p.accept a {color: #B1B3B4;font-size: 12px; font-weight: normal; text-transform: lowercase;}
    
    .legalacceptblock {margin-left: 0px; width: 100%;}
     .tools div.text p.accept{margin-top: 0; margin-bottom: 0;}
     .legalacceptblock .textaccept { width:350px; }
     .subscription .textaccept .accept, .subscription .textaccept .accept2 {width:100%;}
 
     .es_ES .subscription #email, .es_ES .subscription #country{ margin-left: 0;}
     .de_DE .subscription #email, .de_DE .subscription #country{margin-left: 0;}
}

    /*smartphone paysage*/

@media only screen and (max-width: 767px) and (orientation: landscape){
    /*body{ background: blue;}*/
     html{-webkit-text-size-adjust: none;}

    #content .aggregatenews li h2 {margin: 15px 10px;}
    #content .aggregatenews li h1 {margin: 15px 10px;}
    #maincol div.image img, .news #pagegallery .galleria-stage img {max-width: inherit;height: auto;}
    #maincol div.image img, .news #pagegallery .galleria-stage img {height: auto; max-width: 100%;}
}

    /*smartphone portrait*/

@media only screen and (max-width: 767px) and (orientation: portrait){
    /*body{ background: red;}*/
      html{overflow-x: hidden;}
    /**page**/

    #content .aggregatenews li h2 {margin: 0 10px 15px;}
    #content .aggregatenews li h1 {margin: 0 10px 15px;}
    
    /**subscription**/
    .legalacceptblock .textaccept { width: 90%; }
    
    .legalacceptblock .checkaccept { width: 3%;}
     #maincol div.image img, .news #pagegallery .galleria-stage img { width: 100%; height: auto;}
}

@media
only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.25) and (orientation : landscape),
only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.25) and (orientation : portrait),
only screen and (max-width: 1136px) and ( min--moz-device-pixel-ratio:1.25),
only screen and (max-width: 1136px) and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and (max-width: 1136px) and ( min-device-pixel-ratio: 1.25),
only screen and (max-width: 1136px) and ( min-resolution: 200dpi),
only screen and (max-width: 1136px) and ( min-resolution: 1.25dppx)
{
    #rightcol.menuactif .rightcoltop .buttonmenu{ cursor: pointer; height: 20px; width: 20px; display: block; background: url('all/../../img/PICTO_MENU_2x.png') no-repeat 0 0 #000000; -webkit-background-size: 20px; background-size: 20px;}
    #rightcol .rightcoltop .buttonmenu{ cursor: pointer; height: 20px; width: 20px; display: block; background: url('all/../../img/PICTO_MENU_2x.png') no-repeat 0 0 #000000; -webkit-background-size: 20px; background-size: 20px;}
    #rightcol .rightcoltop .rightcoltext { background: url(all/../../img/logo_chanel_2x.png) no-repeat center #000000; -webkit-background-size: 127px; background-size: 127px; /* Equal to normal logo width */}
    .tworcol #rightcol .section.accordion h3 {background: url('all/../../img/CHEVRON_HAUT_CONTRIB_2x.png') no-repeat 100% 3px; -webkit-background-size: 13px; background-size: 13px; }
    .tworcol #rightcol .section.accordion.navigation.languagesamplenav h3 { background: url("all/../../img/CHEVRON_HAUT_LANGUES_2x.png") no-repeat 100% 3px;color: #b1b3b4; -webkit-background-size: 13px; background-size: 13px;}
    .tworcol #rightcol .section.accordion.closed h3{ background: url('all/../../img/CHEVRON_BAS_CONTRIB_2x.png') no-repeat 100% 3px; -webkit-background-size: 13px; background-size: 13px;} 
    .tworcol #rightcol .section.accordion.closed.navigation.languagesamplenav h3  { background: url("all/../../img/CHEVRON_BAS_LANGUES_2x.png") no-repeat 100% 3px; color: #b1b3b4; -webkit-background-size: 13px; background-size: 13px;}
    .home .pagination li.first a{ background: url('all/../../img/PAGINATION_PREV_2x.png') no-repeat right center; -webkit-background-size: 9px; background-size: 9px;}
    .home .pagination li.last a{ background: url('all/../../img/PAGINATION_NEXT_2x.png') no-repeat left center; -webkit-background-size: 9px; background-size: 9px;}
    .video-player a{ background: url('all/../../img/VIDEO_2x.png') no-repeat left center; -webkit-background-size: 13px; background-size: 13px;}
    .call2action.gallery a{ background: url('all/../../img/PHOTO_2x.png') no-repeat left top; -webkit-background-size: 18px; background-size: 18px;}
    .subscription .buttons input {clear: left; background: url("all/../../img/CHEVRON_BTN_VALIDER_2x.png") no-repeat scroll right center; margin-left:-10px;  -webkit-background-size: 4px; background-size: 4px;}
}

.frequencyblock{
    clear: both;
    float: left;
    width: 477px;
}

.frequencyblock .frequencylabel{
    float: left; 
    position: relative;
}

.frequencyblock .frequencyradios{
    float: left; 
    position: relative;
}

.frequencyblock .frequencyradios .radioblock{
    padding-bottom: 7px; 
    width: 200px;
}

.frequencyblock .frequencyradios .radioblock input{
    width: auto;
    border: none;
}

.frequencyblock .frequencyradios .radioblock .radiolabel{
    padding-left: 2em;
}

/* link  open gallery */
.open-gallery {
    font-size: 10px;
    margin: 2px 98px 18px 98px;
    padding-right: 5px;
    text-align: right;
    text-transform: uppercase;
}

/* gallery page */
#pagegallery {
    background-color: #000000;
    border: 7px solid #FFFFFF;
    position: relative;
}
.gallery #main-wraper {
    margin-bottom: 0;
    position: relative;
}

.closegallery a {
	background: #000 url('all/../../img/bt_close.gif') 0 0 no-repeat;
    display: block;
    height: 19px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 19px;
}

.closegallery a span {
    display: none;
}

#pagegallery h1 {
    color: #fff;
    display:none;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2em;
    padding: 22px 0 40px;
    text-align: center;
    text-transform: uppercase;
}

/* Galleria */
.galleria a img {
	visibility: hidden;
}
.gallery .galleria {
    margin:0 auto;
    height: 700px;
    width: 673px;
}
.gallery .galleria-stage {
    height: 480px!important;
    margin: 65px 0 0 0;
    left: 0;
    position: static;
    right: 0;
    top: 0;
}
.gallery .galleria-stage .galleria-image{
	background-color:#000;
}
.gallery .galleria-thumbnails-container{
    height:auto;
    position:static;
    margin: 38px 0 0;

}
.ie6 .galleria-thumbnails {
    zoom: 1;
}
.galleria-thumbnails{
	margin: 0 auto;
}
.ie6 .galleria-thumbnails-list{
    border:1px solid #000;
}
.gallery .galleria-thumbnails .galleria-image{
    border:0;
    display:inline;
    height:50px;
    margin:5px 8px 6px;
    width:68px;
}
.gallery .galleria-thumbnails .galleria-image img{
    top:0!important;
}
.gallery .galleria-info{
    left:0;
    width:673px;
}
.gallery .galleria-info-text{
    display: block;
}
.gallery .galleria-info .galleria-info-text .galleria-info-title{
    font-size: 11px;
    font-weight: 400;
    text-align:center;
}
.gallery .galleria-info .galleria-info-link{
    display: none;
}
/* IE - IE6*/ 
.ie #page, .ie #pagegallery {
    height: 100%;
}