/*////////////////////////  Structure de la page //////////////////*/
body{
    margin:0;
    padding:0;
    background:url(../datas/structure/f_body.gif) repeat-x;}

#global{
    position:absolute;
    z-index:5;
    width:100%;
    height:100%;
    background: url(../datas/structure/bandeau.jpg) no-repeat center 0;
}

#global_e{
    position:absolute;
    z-index:5;
    width:100%;
    height:100%;
    background: url(../datas/structure/bandeau_e.jpg) no-repeat center 0;
}

#global_e h2 {margin-top:20px;}


/*////////////////////////  HEADER //////////////////*/
#header{left: 50%; margin-left:-477px; width: 954px; position:absolute; top:0}
#header h1{
	font-size:24pt;
	font-style:italic;
	letter-spacing:-1pt;
	color:#FFFFFF;
    margin:20px 10px 0 420px;
}
#video{
    position:absolute;
    z-index:50;
    top:15px;
    left:0;
    background:url(../datas/structure/video.gif) no-repeat right;
    width:350px;
    height:152px
}

#photo_homme {
    position:absolute;
    z-index:50;
    top:15px;
    left:0;
    background:url(../datas/structure/entete_homme.gif) no-repeat right;
    width:350px;
    height:152px
}
#photo_fille {
    position:absolute;
    z-index:50;
    top:15px;
    left:0;
    background:url(../datas/structure/entete_fille.gif) no-repeat right;
    width:350px;
    height:152px
}
/* placez "<div id="logo_t"></div>" ou "<div id="logo_t"></div>" dans la div header*/
#logo_t{
    position:absolute;
    top:20px;
    left:20px;
    background:url(../datas/inscription/structure/logos/telelangue_t.gif) no-repeat;
    width:260px;
    height:85px;
}

#logo_w{
    position:absolute;
    top:20px;
    left:20px;
    background:url(../datas/inscription/structure/logos/worldspeaking_t.png) no-repeat;
    width:260px;
    height:85px;
}

#contenu{
    left: 50%;
    margin-left:-477px;
    width: 954px;
    position:absolute;
    top:168px;
    background:url(../datas/structure/f_repeat.gif) center 0 repeat-y;
}
.titre_second {
    left: 50%;
    margin-left:-335px;
    width: 670px;
    position:absolute;
    top:120px;
    z-index:10;
    overflow:hidden;
}

#contenu_niveau_2{
width: 954px;
min-height:280px;
background:url(../datas/structure/f_no_repeat.gif) center 0 no-repeat;

}

#page{margin:0 auto 0 auto; width:640px;padding:15px 0}
td p {margin:1px;}
#footer{
    width:954px;
    background: #FFFFFF url(../datas/structure/f_footer.gif) top center no-repeat;
	clear:both; padding-top:10px;
}
#footer p{font-size:11px; text-align:center; margin:1%; color:#666666}
form  { padding:0; border:0;  margin:0 }

/*////////////////////////  Structure des textes spécial AUDIT //////////////////*/
h2 {text-align:center;margin-top:0}
h3 {margin:0 auto 5px auto; padding-top:10px}
h6 {float:left; width:103px; text-align:center; margin:0; color:#414b56;}
#no_dispo {color:#CCCCCC; text-decoration:line-through}

.titre_second h2 {margin-top:15px}
.titre_second h3 {margin:0;padding-top: 10px;}
blockquote {padding:20px 50px 0 50px}

/*////////////////////////  Structure de la barre de progression //////////////////*/
.etat_6 {background:url(../datas/progress/etat.gif) repeat-x left top;height:30px;width:600px; text-align:left; margin:0 auto}
.etat_6 img {background:url(../datas/progress/etat_on.gif) repeat-x left top;height:30px; display:block;}
.etat_titre_6 {
    position:absolute;
    left: 50%;
    margin-left:-300px;
    width:601px
}

.etat_titre_6 div {width:100px;height:30px; float:left;}
.etat_titre_6 p {font-size:10px; color:#ffffff; width:100px; text-align:center;margin:5px auto; }


.etat_4 {
    background:url(../datas/progress/etat.gif) repeat-x left top;
    height:30px;
    width:401px;
    text-align:left;
    margin:0 auto}
.etat_4 img {
    background:url(../datas/progress/etat_on.gif) repeat-x left top;
    height:30px;
    display:block;
}

.etat_titre_4 {
    width:400px;
    position:absolute;
    left: 50%;
    margin-left:-200px;
}
.etat_titre_4 div {width:100px;height:30px; float:left;}
.etat_titre_4 div p {font-size:10px; color:#ffffff; width:100px; margin:5px auto; text-align:center}
/*////////////////////////  Structure de la barre de progression //////////////////*/
#progress_vide {background:url(../datas/progress/progress_1.gif) no-repeat right;height:18px}
#progress_plein {background:url(../datas/progress/progress_2.gif) no-repeat left;height:18px;}
#progress_vide_no {background:url(../datas/progress/progress_3.gif) no-repeat right;height:18px;}
#progress_plein_no {background:url(../datas/progress/progress_4.gif) no-repeat left;height:18px;}

#progressb_vide{background:url(../datas/progress/progress_1b.gif) no-repeat right;height:18px;}
#progressb_plein {background:url(../datas/progress/progress_2b.gif) no-repeat left;height:18px;}
#progressb_vide_no {background:url(../datas/progress/progress_3b.gif) no-repeat right;height:18px;}
#progressb_plein_no {background:url(../datas/progress/progress_4b.gif) no-repeat left;height:18px;}

/*////////////////////////  Chronometre //////////////////*/
#chronoBarre {
    background:url(../datas/structure/vide.gif) repeat-x left;
    width:450px;
    height:17px;
    border:#DCDCDC 1px solid;   
    text-align:left;
}
#chronoPlein {
    background:url(../datas/structure/plein.gif) repeat-x left;
    height:17px;
}

p {margin:0 auto 10px auto}