<!--
a { color: #0066CC; font-weight: bold; text-decoration: none}
.menu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.texte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none ; line-height: 15px}
.titrebleu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #0066CC; text-decoration: none }
.liens { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #0066CC; text-decoration: none ; line-height: 15px}
.menuactif { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0066CC; text-decoration: none }
.menu:hover {color: #0066CC;}
.langue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #0066CC; text-decoration: none }
.titretexte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none ; line-height: 15px }
.texteserre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none ; line-height: 14px}
.titre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #000000; text-decoration: none ; line-height: 26px}
.titremedium { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #000000; text-decoration: none ; line-height: 16px}
.titremediumbleu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #0066CC; text-decoration: none ; line-height: 16px}
.createur { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #CCCCCC; text-decoration: none}
.tableauequipe {border-color:#CCCCCC;border-style:solid;border-width:1px}

#videoContent{
    width: 935px;
    height: 505px;
}

#videoContent #leftContent{
    width: 610px;
    float: left;
}

#videoContent #leftContent #playerVideo{
    width: 100%;
    margin-bottom: 20px;
}

#videoContent #leftContent #description{
    width: 100%;
    font-size: 10px;
}

#videoContent #leftContent #description h1{
    color: #0066CC;
    font-size: 12px;   
}

#videoContent #previewVideo{
    width: 315px;
    height: 500px;
    float: left;
    margin-left: 5px;
    overflow: auto;
}

#optionBtn{
    width:100%;
}

.frameVideo{
    width: 588px;
    height: 367px;
    color: #000;
}

.preview{
    
}

#videoContent #previewVideo .contentPreview{
    width: 100%;
    height: 68px;
    padding: 5px 0px;
}

#videoContent #previewVideo .contentPreview .imgThumb{
    width: 40%;
    height: 68px;
    overflow: hidden;
    float: left;
    position:relative;

}
#videoContent #previewVideo .contentPreview .imgThumb a img{
   width: 120px;
   height: 90px;
   border: none;
   margin-bottom: 5px;
   position: relative;
   top:-11px;
}

#videoContent #previewVideo .contentPreview .txtThumb{
    width: 55%;
    float: right;
}

#videoContent #previewVideo .contentPreview .txtThumb h3{
    color: #0066CC;
    font-size: 11px;
    margin-top: -4px;
    
}
#videoContent #previewVideo .contentPreview .txtThumb p{
    color: #000;
    font-size: 10px;
    margin-top: -10px;
}

-->