/* CSS Document */

html { background:#ffffff none repeat scroll 0%; color:#000000; }
body, div, ul, li, h1, h2, h3, h4, h5, h6, form, legend, input, textarea, p { margin:0; padding:0; }
img { border:0 none; }
em, strong { font-style:normal; font-weight:normal; }
li { list-style-image:none; list-style-position:outside; list-style-type:none; }
h1 { font-size:1.5em; font-weight:normal; color:#FFFFFF; padding-bottom:5px;padding-top:10px; }
h2, h4, h5, h6 { font-size:100%; font-weight:normal; color:#000000; }
h3 { font-size:1.5em; font-weight:normal; }
input, textarea, select { font-size:100%; }
body {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
background-color:#000000;
}
#home {
width:320px;
}
div#main {
width:320px;
}
div#header {
background-color:#000000;
height:60px;
}
div#logo {
background-color:#000000;
padding:0px 0px 0px;
}
div#teaser {
background-color:#FFFFFF;
padding:5px 2px 2px;
position:relative;
left:110px;
top:-50px;
width:200px;
}
div#baseline {
padding:4px;
background-color: #000000;
background-color: #fa0807;
border-bottom:1px solid #C7C7C7;
color:#FFFFFF;
font-size:1.0em;
}
div.textBox strong {
font-weight:bold;
color:#E08133;
font-size:1.5em;
}
div#sbw {
text-align:center;
padding:2px 0 0 0;
position:relative;
}
#SBWImage {
}
div#mainNav {
background-color:#000000;
position:relative;
height:28px;
padding:5px;
}
div#mainNav ul {
background-color:#000000;
}
div#mainNav ul li {
display: block;
-webkit-border-radius: 3px;
border: 1px solid #C7C7C7;
background-color:#ffffff;
}
div#mainNav ul li.current {
padding-left:10px;
background: #fff url(/images/breadCrump.gif) top left no-repeat;
display: block;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
border-left: 0;
}
div#mainNav ul li a {
text-decoration:none;
color:#1270E2;
padding: 5px 8px;
height:18px;
display:block;
}
#accueilLink {
position:absolute;
left:10px;      
}
#themeLink {
position:absolute;
left:40px;
}
#programLink {
position:absolute;
}
#programLink a div {
display: block;
text-overflow:ellipsis;
height:20px;
white-space:nowrap;
overflow: hidden;
}
#infosServiceLink {
position:absolute;
left:40px;
}
#searchLink {
position:absolute;
right:10px;
}

div#videoToday {
clear:both;
}
div.boxwrap {
background-color:#000000;
padding:4px 10px 2px 10px;
}
.title {
color:#FFFFFF;
font-size:1.5em;
font-weight:bold;
padding:0 0 5px 5px;

}
.description {
color:#FFFFFF;
font-size:1em;
font-weight:normal;
padding:0 0 5px 5px;

}
div.box {
border:1px solid #C7C7C7;
-webkit-border-radius: 8px;
background-color:#FFFFFF;
padding:8px 8px 8px 8px;
}
div.box h2, div.box h3 {
font-weight:bold;
font-size:1.1em;
padding:5px 0 2px 0;
}
img.thumb {
float:left;
width:140px;
height:80px;
}
img.smallThumb {
width:70px;
height:40px;
border:none;
}
div.details {
float:left;
padding:5px;
}
div#zoomSur div.box {
padding:0;
}
div#videoThis div.details ul li {
width:130px;
overflow:hidden;
text-overflow:ellipsis;
display:block;
white-space:nowrap;
overflow:hidden;
}
div#videoThis div.details ul li a {
text-decoration: underline;
}
#programsList a {
color: #333333;
}
div.programItem, div.videoItem {
padding: 2px 0 3px 0;
}
div.videoItem {
color:#333;
}
div.programInformations {
float:left;
width: 195px;
padding:0 5px 0 5px;
}
div.programInformations h3 {
padding:0;
font-size:1em;
}
div.programInformations p {
font-size:0.8em;
color: #1270E2;
}
div.programInformations strong {
font-size:1.2em;
}
a.showMore {
float:right;
padding:5px 0 0 0;
}
#search {
padding-bottom:10px;
}
#footer {
padding:10px 10px 20px 10px;
color:#FFFFFF;
}
#footer a {
float:left;
}
#footer span {
float:right;
}
.searchInput {
padding:5px;
width:75%;
margin:0 5px 0 0;
-webkit-appearance: searchfield;
-webkit-box-sizing: border-box;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
}
.clear {
clear:both;
}
.left {
float:left
}
.textBox {
width:220px;
}
a {
text-decoration:none;
color:#1270E2;
}
.themeIcon {
position:absolute;
right:35px;
padding-top: 5px;
}
.listThemeTitle {
height:42px;
}
.listThemeTitle div {
color: #333333;
font-size:1.2em;
font-weight:bold;
padding-top:12px;
height:35px;
position: absolute;
}
#arrow {
left:280px;
color:#999999;
font-size:2em;
line-height:20px;
}
#themeList li:first-child, #listPrograms li:first-child {
padding-top:2px;
}
#themeList li {
height:42px;
padding:2px 0 2px 0;
border-bottom:1px solid #bbb;
}
#listPrograms li {
height:50px;
padding:10px 0 2px 0;
border-bottom:1px solid #bbb;
}
#themeList li:last-child, #listPrograms li:last-child {
border-bottom:0;
padding-bottom:0;
}
#themeList li a, #listPrograms li a {
font-size:1em;
width:100%;
text-overflow:ellipsis;
}
.listThemeTitle {
margin:0 8px;
}
.listThemeTitle, #listPrograms li a div {
}
#listPrograms li a div h3 {
width:270px;
overflow:hidden;
text-overflow:ellipsis;
height:20px;
display:block;
white-space:nowrap;
overflow:hidden;
}
#listPrograms li a div p {
color:#333;
font-size:1.2em;
}
#listVideos div.box h3:first-child {
padding-top:0px;
}
#listVideos div.box h3 {
padding-top:5px;
font-weight:bold;
}
.loadMoreVideos {
text-align:center;
padding-top:15px;
padding-bottom:10px;
font-weight: bold;
}
.loadMoreVideos a {
padding-top:15px;
padding-bottom:10px;
background: #fff url(/images/chevronDown.png) bottom center no-repeat;
}
.qtmovie_object {
/* -webkit-border-radius: 4px; */
margin:4px;
padding:1px;
border:1px solid #DEDEDE;
}
.videoDescription {
padding-top:5px;
text-align: justify;
}
#alaUneVideos, #voirAussiVideos {
width: 230px;
}
#voirAussi {
display: none;
}
div.staticPage p:first-child {
padding:0;
}
div.staticPage p {
padding-top: 5px;
text-align: justify;
}
div.staticPage h2:first-child {
padding: 0;
}
div.staticPage h2 {
padding: 10px 0 0 0;
}
div.staticPage ul {
padding-top: 5px;
}
.mobileInput {
padding:5px;
margin:5px 5px 0 0;
-webkit-box-sizing: border-box;
-webkit-user-select: text;
}
.confirm {
float: right;
}
.cancel {
padding-top: 10px;
float: left;
}
.infosServiceList li {
height:22px;
padding:10px 5px 2px 5px;
border-bottom:1px solid #bbb;
}
.infosServiceList li div {
 background: #fff url(/images/more.png) right center no-repeat;
}
.infosServiceList li:last-child {
border-bottom: 0;
margin-bottom: 5px;
}
#infosService div.box {
padding: 0;
}
div.box strong {
font-weight: bold;
}
div#actionBox {
position:absolute;
opacity:.9;
left:35;
width:240px;
border:1px solid #333333;
background-color:#333;
-webkit-border-radius: 5px;
display:none;
padding:5px;
}
div#actionBox h3 {
color:#E08133;
font-weight:bold;
padding-bottom: 5px;
}
div#actionBoxContent {
background-color:#fff;
padding:5px;
-webkit-border-radius: 3px;
}
div#actionBoxContent label {
display: block;
}
p#actionContent {
padding: 10px 0;
text-align: center;
}
div.ratingStar {
width: 38px;
height: 27px;
padding-top: 10px;
float: left;
background: #1270E2 url(/images/ratingStar.png) top left no-repeat;
text-align: center;
}
div.ratingStar a {
font-size: 1.4em;
color: #fff;
}
div#sbwBox {
padding-top: 5px;
text-align:center;
}
div#actionFooter {
padding: 5px 0 8px 0;
text-align:right;
}
div#videoActions {
display: none;
}
div#videoActions div.box {
border: 0;
background-color: transparent;
}
div#videoActions a, a#recommandButton {
border: 1px solid #c0c0c0;
padding: 5px;
-webkit-border-radius: 3px;
margin: 0 5px;
background-color: #fff;
}
p#actionNotice {
color: red;
}
ul.commentItem {
padding-bottom: 5px;
}
span.commentUsername {
font-weight: bold;
}
span.commentDate {
font-size: .8em;
}
li.commentText {
border: 1px solid #c0c0c0;
padding: 5px;
margin: -1px 0 0 0;
}
form.commentForm {
text-align: left;
}
form.commentForm input {
padding:5px;
margin: 8px 0 5px 0;
-webkit-box-sizing: border-box;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
}
#infosAuthor {
font-weight: bold;
color: #1270E2;
}
cite.commentInfos {
background: transparent url(http://img.vodemotion.com/tic_bubble.gif) bottom 20px no-repeat;
display: block;
margin: 0;
position: relative;
top:1px;
padding-bottom: 6px;
font-style: normal;
}
blockquote.commentText {
border:1px solid #c0c0c0;
color: black;
display: block;
font-style: normal;
font-weight: normal;
margin:0 0 5px 0;
padding: 5px;
text-align: left;
vertical-align: baseline;
}
textarea#comment {
width: 210px;
height: 3em;
padding: 3px;
}