@font-face {
    font-family: 'helve_neue';
    src: url('../FONTS/helvetica_neue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helve';
    src: url('../FONTS/helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'people';
    src: url('../FONTS/by_people.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*BODY*/
#tdf_body *[id *= "rad5"], #tdf_body *[class *= "rad5"]{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(../STYLES/PIE.htc);
}
#tdf_body *[id *= "rad3"], #tdf_body *[class *= "rad3"]{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(../STYLES/PIE.htc);
}
#tdf_body{
    margin:0;
    font-family: helve_neue,'Myriad Pro',sans-serif; 
    color:#fff;
}
#tdf_body button{
    background-color:transparent;
    border : none;
    cursor : pointer;
}
#tdf_body a{
    text-decoration: none;
    color:#fff;
}
#tdf_wrap_page{
    width:998px;
    height:599px;
    overflow:hidden;
    position: relative;
    background-color: #fdc94c;
}
/*HEADER*/
#tdf_header{
    overflow: hidden;
    text-align:center;
}
#tdf_header > *{
    display:inline-block;
    vertical-align: top;
}
#tdf_menu{
    float:left;
    margin-left: 10px;
    margin-top: 10px;
}
#tdf_menu a{
    display:inline-block;
    vertical-align: top;
    background-image: url('../IMAGES/sprite-btn-menu-header.png');
    width:60px;
    height:51px;
    margin-right:10px;
}
#tdf_btn_carte{
    background-position: 0 -51px;
}
#tdf_btn_menu_quizz{
    background-position: 0 -102px;
}
#tdf_title_page_rad5{
    margin: 25px 0 0 0;
    padding: 2px 47px 2px 47px;
    font-size: 40px;
    background-color: #27996d;
    width: 254px;
    min-width: 254px;
    /*ajout pour fonctionnement de CSS PIE sous IE 8*/
    position:relative;
    z-index: 0;
}
#tdf_logo{
    margin-top: 6px;
    margin-right: 15px;
    float:right;
}

/*CONTENT*/
#tdf_wrap_quizz_rad5{
    margin : 10px 40px;
    background-color: #27996d;
    text-align: center;
    height:413px;
    position: relative;
    padding: 7px 34px 0 34px;
    /*ajout pour fonctionnement de CSS PIE sous IE 8*/
    position:relative;
    z-index: 0;
}
/*pendant un quizz*/
h1{
    font-size:30px;
    margin: 0;
}
.tdf_question_quizz{
    font-size:20px;
    margin: 22px 0 0 0;
}
/*liste des propositions*/
.tdf_answer_area{
    margin-top:28px;
}
.tdf_answer_area > *{
    display:inline-block;
    vertical-align: top;
}
.tdf_list_proposal{
    text-align:left;
    width:470px;
    margin: 0;
    padding: 0;
    list-style:none;
    cursor:pointer;
}
.tdf_proposal_rad3 {
    font-size:18px;
    padding:0 20px;
    min-height:51px;
    background-color: #043346;
    margin:0 0 9px 0;
    /*ajout pour fonctionnement de CSS PIE sous IE 8*/
    position:relative;
    z-index: 0;
}
.tdf_proposal_rad3 *{
    margin:0;
    vertical-align: middle;
    display:inline-block;
}
.tdf_proposal_rad3 .tdf_ref{
    height:51px;
    width:0;
}
.tdf_result{
    width: 268px;
    padding:0 32px 0 80px;
}
.tdf_answer{
    margin:0;
    font-size:25px;
}
.tdf_explanation{
    margin:12px 0 0 0;
    font-family:arial, sans-serif;
    font-size:12px;
    text-align: justify;
    display:none;
}
/*jauge avancement*/
#tdf_recap_score{
    margin-top: 10px;
    width:852px;
    height:84px;
    background-image: url('../IMAGES/bg-jauge-quizz.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    bottom: 2px;
    position: absolute;
}
#tdf_states div p{
    margin:0;
}
#tdf_states{
    position:relative;
    top: 41px;
}
#tdf_arrow_quizz{
    position:absolute;
    top: 5px;
    left: 40px;
}
#tdf_states > *{
    margin:0 1px;
    display:inline-block;
    vertical-align: top;
}
#tdf_first, #tdf_last{
    background-image: url('../IMAGES/sprite-first-last-state-quizz.png');
    width:91px;
    height:22px; 
}
.tdf_inter{
    width:81px;
    height:22px;
}
/*OVERLAY*/
#tdf_overlay{
    position: absolute;
    top:0;
    width:998px;
    height:599px;
    background-image: url('../IMAGES/bg-overlay.png');
    text-align:center;
    display:none;
}
#tdf_overlay > *{
    display:inline-block;
    vertical-align: middle;
}
#tdf_ref_wrap{
    height:100%;
}
#tdf_wrap_overlay_rad5{
    padding:0 10px 7px 10px;
    background-color: #27996d;
    max-width: 450px;
    /*ajout pour fonctionnement de CSS PIE sous IE 8*/
    position:relative;
    z-index: 0;
}
#tdf_title_overlay{
    font-size:30px;
    margin:16px 0 0 0;
}
#tdf_content_overlay{
    font-size:20px;
    margin:24px 0 20px 0;
}
#tdf_btn_overlay_rad5{
    min-width: 74px;
    font-size:28px;
    padding:10px 13px;
    background-color: #002842;
    color:#fff;
    text-decoration:none;
    display:inline-block;
    /*ajout pour fonctionnement de CSS PIE sous IE 8*/
    position:relative;
    z-index: 0;

}