/* CSS Document */

body {
marginwidth:0;
marginheight:0;
leftmargin:0; 
topmargin:0;
font-family:Arial;
}

.top
{
top:0;
left:0;
}

a {
color:#C30102;
text-decoration:none;
font-size:14px;
}

.barre_top_center
{
background-image: url('./Images/story-T.gif');
background-repeat: repeat-x ;
width:100%;
}

.logo
{
border: solid 1px;
width:100%;
}

.menu
{
font-size:14px;
font-weight:bold;
font-family:Arial;
color:white;
background-color:#C30102;
}

a img {border: none;}


.barre_bottom_center
{
background-image: url('./Images/story-B.gif');
background-repeat: repeat-x ;
width:100%;
}

.menu_gauche
{
position:absolute;
left:0; /* on place le bloc gauche à gauche en position absolue */
top:165px;
}

.barre_menu_top
{
background-image: url('./Images/story-T.gif');
background-repeat: repeat-x ;
width:100%;
}

.barre_menu_bottom
{
background-image: url('./Images/story-B2.gif');
background-repeat: repeat-x ;
background-position:bottom;
width:100%;
}

.bandeau_accueil
{
font-size:24px;
font-family:Arial;
font-weight:bold;
color:white;
background-color:#C30102;
}

.centre
{
position:absolute;
left:17%; /* on place le bloc gauche à gauche en position absolue */
top:192px;
}

.histoire
{
border: solid 1px;
}

.actualite
{
border: solid 1px;
}

.logo_accueil
{
border: solid 1px;
}

.texte
{
margin : 10px 8px ;
font-size:12px;
text-align: justify ;
}

.texte1
{
margin : 10px 8px ;
font-size:12px;
font-weight:bold;
text-align: justify ;
color:#FF0000;
}

.texte2
{
font-size:14px;
text-align: justify ;
}

.texte3
{
font-size:12px;
font-weight:bold;
color:#FF0000;
text-align:center;
}

.bleu
{
font-size:18px;
font-weight:bold;
color:#0000FF;
}

.bleu1
{
font-size:16px;
font-weight:bold;
color:#0000FF;
}

.noir
{
font-size:16px;
font-weight:bold;
color:#000000;
}

.marron1
{
font-size:16px;
font-weight:bold;
color:#810505;
}

.frame {
position:absolute;
margin-left: 140px; /* on place ce bloc à droite du bloc menu de 180px de large */
width: 80%;
overflow: no; /* cette propriété va permettre le scroll de ce bloc */
font-size: 14px;}

.titre
{
font-size:18px;
margin : 10px 8px ;
font-weight:bold;
color:#C30102;
text-align: center ;
}

.annonce
{
font-size:14px;
margin : 10px 8px ;
font-weight:bold;
color:#C30102;
text-align: center ;
}

li {
margin:5px;
}

.titre_droit
{
font-size:18px;
margin : 10px 8px ;
font-weight:bold;
color:#C30102;
}

.gros_titre
{
font-size:20px;
margin : 10px 8px ;
font-weight:bold;
color:#C30102;
border-bottom: solid ;
border-color: #C30102 ;
}

.trait1
{
position:absolute;
left:280;
height:350px;
width:10px;
background-image: url('./Images/traits.gif');
background-repeat: repeat-y ;
}

trait
{
width:10px;
background-image: url('./Images/traits.gif');
background-repeat: repeat-y ;
}

.trait2
{
position:absolute;
left:575;
height:270px;
width:10px;
background-image: url('./Images/traits.gif');
background-repeat: repeat-y ;
}

.hori1
{
position:absolute;
left:10;
top: 350;
height:10px;
width:250px;
background-image: url('./Images/hor.gif');
background-repeat: repeat-x ;
}

.hori2
{
position:absolute;
left:310;
top:270;
height:10px;
width:250px;
background-image: url('./Images/hor.gif');
background-repeat: repeat-x ;
}

.hori3
{
position:absolute;
left:595;
top:135;
height:10px;
width:250px;
background-image: url('./Images/hor.gif');
background-repeat: repeat-x ;
}

.boitecadre { position:absolute; top:10px; left: 10px;}
.boitelettre {width:124px; position:absolute; top:30px; left:20px;}
.boitastre {width:124px;  position:absolute; top:30px; left:150px;}
.boitexplique {width:410px;  position:absolute; top:250px; left:300px;}
.titre {position:absolute;top:00px; left:150px;width: 400px;}
.mot {position:absolute;top:80px; left:300px;}
.lancer {position:absolute; top:80px; left:500px;}
.score {position:absolute; top:80px; left:600px;}
.brouillon {position:absolute; width: 50px; top:140px; left:300px;}
.aide {position:absolute; top:140px; left:600px;}
.rejoue {position:absolute; top:170px; left:600px;}
.retour {position:absolute; top:200px; left:600px;}
.comptejeu{position:absolute;top:545px; left:350px;}