/* http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
strong { font-weight: bold; }
.strong { font-weight: bold; }
h3 { font-size: 15px; }

#sf_admin_menu ul li.node ul { top : 27px; }

#sf_admin_container label { width: 12em; padding-left: 7px; }
#sf_admin_container fieldset h2 { font-size: 15px; font-weight: bold; padding: 6px; }

#sf_admin_container .sf_admin_form_row  { padding: 5px 10px; }
#sf_admin_container .sf_admin_form_row:after {
    content:            ".";
    display:            block;
    height:             0;
    clear:              both;
    visibility:         hidden;
}
#sf_admin_container .sf_admin_form_row .content { padding-left: 0em; }
#sf_admin_container td, #sf_admin_container th { vertical-align: middle; padding: 3px 4px; }

#sf_admin_container input, #sf_admin_container textarea { width: 500px; }
#sf_admin_container input#sf_admin_list_batch_checkbox { width: auto; }
#sf_admin_container input.sf_admin_batch_checkbox { width: auto; }
#sf_admin_container li.sf_admin_action_save_and_add input { width: auto; }
#sf_admin_container .sf_admin_action_save input { width: auto; }

#sf_admin_container #sf_admin_bar input { width: auto; }
#sf_admin_container .sf_admin_batch_actions_choice input { width: auto; }

#sf_admin_container ul label, #sf_admin_container td label { display: inline-table; }
#sf_admin_container .double_list_select-selected { width: auto; }
#sf_admin_container .double_list_select { width: auto; }

#sf_admin_container strong.admin_abo_label { width: 150px; display: inline-block; }

.ui-datepicker-trigger { height: 24px; }

ul li { list-style: none; }

input, textarea {
    -moz-border-radius:       3px;
    -webkit-border-radius:     3px;
    border-radius:          3px;
    padding:                0 5px;
}
h2 {
    font-size:              16px;
    margin:                 0 0 30px;
}

body {
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-size:          11px;
}


.cb:after {
    content:            ".";
    display:            block;
    height:             0;
    clear:              both;
    visibility:         hidden;
}

.fl {
    float:              left;
}

.db {
    display:            block;
}
.ma {
    margin:             auto;
}
.mt {
    margin-top:         10px;
}
.mt2 {
    margin-top:         20px;
}
.mt3 {
    margin-top:         30px;
}

.ml {
    margin-left:        10px;
}
.ml3 {
    margin-left:        30px;
}
.pt {
    padding-top:        10px;
}
.pt3 {
    padding-top:        30px;
}
.tac {
    text-align:         center;
}

.big {
    font-weight:        bold;
    text-decoration:    underline;
}

.red { color:           #AA0000; }

a.big {
    color:              #333333;
}

ul.error_list li {
    color:              #DD0000;
    font-weight:        bold;
}

ul li.disc {
    list-style:         disc;
}

span.tdul {
    text-decoration:    underline;
}

#main_window {
    margin:             5px auto 0;
    width:              980px;
    border:             2px solid #666666;
    padding:            1px; 
}

#header {
    height:             217px;
}

#footer {
    margin:             10px 0;
    text-align:         center;
}
#footer a,
.linkBack a,
a.linkBack {
    color:              #000;
    text-decoration:    none;
}
#footer a:hover,
.linkBack a:hover,
a:hover.linkBack{
    text-decoration:    underline;
}

#wrapper {    
    margin:             30px 0 0;
}

#menu_left {
    width:              200px;
    text-align:         center;
    float:              left;
}

#menu_left a.button {
    display:            block;
    margin:             0 auto 10px;
    width:              152px;
    padding:            7px;
    -moz-border-radius:   5px;
    -webkit-border-radius: 5px;
    border-radius:      5px;
    background-color:   #808080;
    color:              #fff;
    font-weight:        bold;
    text-decoration:    none;
}

#menu_left a.button:hover {
    text-decoration:    underline;
    background-color:   #9F3131;
}

#menu_left #video_demo {
    display:            block;
    margin:             110px auto 0;
}


#menu_top {
    height:             59px;
}

#menu_top a.button, a.buttonBuy {
    margin:             0px 2px 30px;
    padding:            7px;
    -moz-border-radius:   5px;
    -webkit-border-radius: 5px;
    border-radius:      5px;
    background-color:   #808080;
    color:              #fff;
    font-weight:        bold;
    text-decoration:    none;
    display:            block;
    float:              left;
}
#menu_top a.button:hover, a.buttonBuy:hover {
    text-decoration:    underline;
    background-color:   #9F3131;
}

#menu_top a.inst,
#menu_left a.inst{
    background-color:   #336699;
}
#menu_top a.inst:hover,
#menu_left a.inst:hover {
    background-color:   #4088CF;
}
#menu_top a.part,
#menu_left a.part {
    background-color:   #CC6600;
}
a.buttonBuy {
    background-color:   #800080;
    width:              200px;
    margin:             auto;
    float:              none;
}

#menu_top a.part:hover,
#menu_left a.part:hover {
    background-color:   #FF7E00;
}
#menu_top a.entr,
#menu_left a.entr {
    background-color:   #336633;
}
#menu_top a.entr:hover,
#menu_left a.entr:hover {
    background-color:   #518F50;
}
a.buttonBuy:hover {
    background-color:   #AF00AF;
}

#content {
    float:              left;
    width:              740px;
    padding:            0 20px 20px;
}



#content .formDesc {
    display:            block;
    margin:             0 0 20px;
}





#content form ul li {
    line-height:        27px;
    margin:             0 0 2px;
}

#content form ul li.odd {
    background-color:   #FFDFDF;
}

#content form label {
    width:              170px;
    display:            inline-block;
    vertical-align:     top;

    line-height:        18px;
    padding:            5px 0 0;

}
#content form input {
    width:              400px;
    border:             1px solid #000;
    height:             20px;
}

#content form textarea {
    width:              400px;
    border:             1px solid #000;
}

#content form#loginForm {
    width:              200px;
    margin:             auto;
    text-align:         center;
}
#content form#loginForm input, #content form#loginForm textarea {
    width:              auto;
    height:             auto;
}

#content form input#submit {
    width:              100px;
    margin:             15px 163px 0 0;
    float:              right;
}

#content #abonnementContent .aboEntity {
    margin:             0 0 30px;
    border-bottom:      1px solid #666666;
}

#content #abonnementContent .aboElem {
    margin:             0 0 5px;
}

#content #abonnementContent .aboElem span.label {
    display:            inline-table;
    width:              200px;
    font-weight:        bold;
}

#content #abonnementContent .aboElem span.value {
    /*width:*/          
}

#videoListContainer .video_entry {
    padding:            8px 5px 10px;
    clear:              both;
}

#videoListContainer .video_thumb {
    float:                  left;
    position:               relative;
    height:                 90px;
    width:                  120px;
    -moz-border-radius:       3px;
    -webkit-border-radius:     3px;
    border-radius:          3px;
    border:                 1px solid #D3D3D3;
    padding:                4px;
}
#videoListContainer .video_thumb:hover  {
    border:             1px solid #717171;
}

#videoListContainer .video_time  {
    bottom:             6px;
    margin:             0;
    position:           absolute;
    right:              6px;
}

#videoListContainer span.video_time span {
    -moz-border-radius:   3px;
    -webkit-border-radius: 3px;
    border-radius:      3px;
    background-color:   #000000;
    color:              #FFFFFF !important;
    display:            inline-block;
    font-size:          11px;
    font-weight:        bold;
    height:             14px;
    line-height:        14px;
    padding:            0 4px;
    vertical-align:     top;
    opacity:            0.75;
}

#videoListContainer .video_main_content {
    float:              left;
    padding:            2px 0 0 10px;
    width:              585px;
}

.video_main_content div.video_title a {
    font-size:          14px;
    font-weight:        bold;
    line-height:        20px;
    text-decoration:    none;
    color:              #aaa;

    /*padding:            1px 4px;*/
    /*    display:            block;
        width:              100%; */
}
.video_main_content div.video_title a:hover {
    text-decoration:    underline;
    color:              #717171;
}

#videoListContainer .video_main_content .video_description {
    color:              #666666;
}

#content #video_container h3 {
    margin:             0 0 15px;
}

#content #video_container #player {
    margin:             30px 0;
}


#content #video_container .description {
    padding:            40px 0 10px;
    border-bottom:      1px solid #666666;
}


#errorContainer {
    width:              500px;
    margin:             40px auto 0;
}

#errorContainer p {
    margin:             0 0 10px;
}




#pager {
    float:              right;
    clear:              both;
    margin:             10px 30px 10px 0;
}

#pager #pager_info {
    padding:            2px 5px;
}

#pager #pager_pagin {
    font-size:          0.85em;
    padding:            2px;
}
#pager #pager_pagin a,
#pager #pager_pagin span {
    width:              15px;
}


#pager #pager_pagin a,
#pager #pager_pagin span,
.bg_grey {
    margin:             0 1px;
    -moz-border-radius:   5px;
    -webkit-border-radius: 5px;
    border-radius:      5px;
    background-color:   #808080;
    color:              #FFFFFF;
    display:            block;
    padding:            2px;
    text-decoration:    none;
    float:              left;
    text-align:         center;
}
#pager #pager_pagin .current,
#pager #pager_pagin a:hover {
    background-color:   #9F3131;
}
#pager #pager_pagin .disabled {
    background-color:   #AAAAAA;
}





#content .titleBg {
    margin:             0 1px;
    -moz-border-radius:   5px;
    -webkit-border-radius: 5px;
    border-radius:      5px;
    background-color:   #808080;
    color:              #FFFFFF;
    padding:            2px;
    text-decoration:    none;
    text-align:         center;
    width:              100%;
}

#content .part {
    background-color:   #CC6600;
}

#content .inst {
    background-color:   #336699;
}

#content .entr {
    background-color:   #336633;
}

.titleBg h2 {
    margin:             3px 0;
    font-size:          17px;
    font-weight:        bold;
}

.titleBg a {
    color:              #FFF;
    text-decoration:    none;
}


#pageContainer h3 {
    margin:             8px 0;
}

#pageContainer h3 a {
    font-weight:        bold;
    text-decoration:    underline;
    font-size:          14px;
    color:              #444444;
}

#pageContainer #entrSection {
    margin:             0 0 7px;
}


#content .content p {
    text-align:         justify;
    margin:             16px 0;
}

#pageContainer .miscreenL{
    width:              355px;
}

#pageContainer .miscreenR {
    width:              355px;
    margin:             0 0 0 30px;
}


#pageContainer .pic {
    display:            block;
    float:              left;
    margin:             10px;
}

#pageContainer .content p#instPres {
    margin:             85px 0 0 25px;
    width:              468px;
}

#pageContainer .content #tabInst p {
    margin: 2px;
}


#pageContainer ul.partenairesElem {
    margin:             20px 0;
    padding:            0 0 10px;
    border-bottom:      1px solid #333;
}

#pageContainer ul.partenairesElem li {
    display:            inline-table;
    vertical-align:     top;

}
#pageContainer ul li.partenairesDesc {
    width:              370px;
}
#pageContainer ul li.partenairesLink {
    width:              215px;
}


.vidColorCV {
    color:  #049AFE;
}
.vidColorLM {
    color:  #EAB700;
}
.vidColorEnt {
    color:  #4CCC32;
}
.vidColorIC {
    color:  #FF521F;
}

#recapFormulesForm { width: 500px; }
#recapFormulesForm ul li { border-bottom: 1px solid #888; padding: 0 0 2px; }
#recapFormulesForm .label { display: inline-block; width: 200px; font-weight: bold; }
#recapFormulesForm .value { display: inline-block; min-width: 250px; }


table .style1, table .style4{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
}
table .style4 {
    font-weight:bold;
}

#partFormFormulesSelector {
    width:          590px;
    margin:         auto;
}
#recapAbo tr td {
    padding:        2px 0;
}

.final { color: #FF5555; }

#content div#payment form input { width: auto; height: auto;}
