/* Fichier CSS de la page d'accueil du site web du Projet Images & Trains*/
/* Version 3.1 - Juin 2010                                                                                 */
/* Auteur : Renaud CHODKOWSKI                                                                  */

body
{
padding:0;
margin:0;
color:white;
background : rgb(0,0,0) url(images/freight-month.jpg) center fixed no-repeat;
}

/* #logo : ce qui concerne le placement du logo Images & Trains sur la page */

#logo
{
width:375px;
height:55px;
background: url(images/logo_top.png);
position:absolute;
top:50%;
margin-top:-305px;
left:50%;
margin-left:70px;
}

/* #entrance-xxx : les pavés d'accès au site internet*/
/* Section française */
#entrance-french
{
width:275px;
height:100px;
position:absolute;
top:50%;
margin-top:155px;
left:50%;
margin-left:-445px;
}

#ferme
{
width:275px;
height:130px;
position:absolute;
bottom:21%;
left:8%;
margin:0;
padding:0;
background: url(images/ferme_fr.png);
}


#entrance-french p, #entrance-english p
{
height:25px;
margin:0;
padding:0;
}

#entrance-french p.rouge, #entrance-english p.rouge
{
color:yellow;
text-align:justify;
font-size:0.75em;
font-family:Verdana, Arial, sans-serif;
}

p#slogan-fr
{
border-top:3px solid white;
margin:5px 0;
padding:0;
background: url(images/slogan_fr.png);
}

p#website-fr
{
border-top:1px solid white;
margin:5px 0;
padding:0;
background: url(images/website_fr.png);
}

/* Section anglaise */
#entrance-english
{
width:275px;
height:100px;
position:absolute;
top:50%;
margin-top:155px;
left:50%;
margin-left:170px;
}

#ferme-en
{
width:275px;
height:130px;
position:absolute;
bottom:21%;
right:9%;
margin:0;
padding:0;
background: url(images/ferme_en.png);
}

p#slogan-en
{
border-top:3px solid white;
margin:5px 0;
padding:0;
background: url(images/slogan_en.png);
}

p#website-en
{
border-top:1px solid white;
margin:5px 0;
padding:0;
background: url(images/website_en.png);
}

p#entrer-en, p#entrer-fr
{
border-top:1px solid white;
border-bottom:2px solid white;
margin:5px 0;
padding:0;
height:30px;
}

p#entrer-en img, p#entrer-fr img
{
border:none;
}