body
{

text-align:center ;/* pour corriger le bug de centrage IE */
}


/*-------------------------------------------------------------------------------------*/
/*                                          SPAN                                                                */
/*-------------------------------------------------------------------------------------*/
span.mot_score
{
font-size: 13pt;
font-weight : bold ;
text-align :center;
}



/*-------------------------------------------------------------------------------------*/
/*                                          PARAGRAPHE                                                                */
/*-------------------------------------------------------------------------------------*/
p.question
{
margin : 5px ;
}

p.center
{
text-align : center ;
}
/*-------------------------------------------------------------------------------------*/
/*                                          DIV                                                                 */
/*-------------------------------------------------------------------------------------*/

div#conteneur
{
position:relative; 
margin-left:auto; 
margin-right:auto; 
top: 0px; 
width:650px;
height :450px;  
font-size: 9pt;
background-color :FloralWhite;
/*background-image: url(Image1.gif); */
font-size : 18pt;
font-weight : bold ;
text-align : center;
}

div#logo_image
{
position:absolute;
margin-left:36%; 
margin-right:auto; 
top : 7px;
}
div#question
{
color :navy;
font-size : 12pt;
font-weight : bold ;
position:absolute;
top: 45px;
width:340px;
height:145px;
background-color:transparent;
text-align:left ;
left : 5px;
border-style : solid;
border-color :FireBrick;
text-align : justify;
}

div#auteur
{
position : absolute;
font-size : 8pt;
font-style : italic;
font-weight : blod;
top : 125px;
width : 340px;
text-align : right;

}

div#sablier
{
font-size : 12pt;
font-weight : bold ;
position:absolute;
top: 45px;
width:285px;
height:145px;
background-color:transparent;
text-align:center ;
left : 354px;
border-style : solid;
border-color : FireBrick ;
color :navy;

}

div#reponses
{
font-weight : bold ;
position:absolute;
top: 200px;
width:340px;
height:240px;
background-color:transparent;
text-align:left ;
left : 5px;
font-size : 9pt;
font-weight : bold ;
border-style : solid;
border-color :FireBrick;
color : blue;
}

div.bouton_reponse
{
position : relative ;
left : 50px;

}
div#score
{
position:absolute;
top: 200px;
width:285px;
height:100px;
background-color:transparent;
text-align:left ;
left : 354px;
font-size: 35pt;
text-align :center;
border-style : solid;
border-color : FireBrick ;
color : DeepPink;

}

div#joker
{

font-size : 12pt;
font-weight : bold ;

position:absolute;
top: 310px;
width:285px;
height:130px;
background-color:transparent;
text-align:left ;
left : 354px;
border-style : solid;
border-color : FireBrick ;
color :navy;
}

div.bouton_joker
{
position : absolute ;
top : 95px ;
left : 110px;
right : auto;
background-color:transparent;

}

/*-------------------------------------------------------------------------------------*/
/*                                          IMAGE                                                          */
/*-------------------------------------------------------------------------------------*/
img
{
border : 0;
}



/*-------------------------------------------------------------------------------------*/
/*                                          TABLE                                                          */
/*-------------------------------------------------------------------------------------*/
td.foot
{
font-size : 8pt;
font-weight : bold
}

/*------------------------------------------------------------------------------------*/
/*                                                 LIENS HYPERTEXTE                             */
/*---------------------------------------------------------------------------------------*/
a {
text-decoration:none ;
font-size:8pt;
color : DarkOrange;
background-color:white;
}
 
a:link, a:link#retour_au_site {color: #FF0000 ;} /*couleur des liens qui n'ont pas été visités*/

a:visited , a:visited#retour_au_site{color :#FF0000 ;} /*couleur des liens visités.*/

a:hover, a:hover#retour_au_site {color:#9500c3 ;text-decoration:underline;} /*change quand le lien est pointé*/

a:hover#transparent { background-color: transparent ; }

a#retour_au_site {font-size : 14pt;}