@import "style_base.css";

#conteneur { /* contenu de toute la page  */
background: #FFF url("images/degrade_accueil.jpg") no-repeat;
}

#bloc-bandeau {
background: #333366 url("images/bandeau.gif") no-repeat;
}

#texte-bandeau { /* Petit edito en italique blanc dans la partie gauche du bandeau */
width: 260px;
padding: 12px;
margin: 0 12px;
}

#col-gauche { /* partie gauche de la page avec les Download  */
width: 300px;
height: 300px;
margin: 0;
padding: 20px;
}

#download {
line-height: 20px;
margin: 0;
padding: 0;
}

#download li{ /* propriétés de la liste de .pdf à télécharger */
list-style: none;
}

#download li a { /* propriétés des liens */
text-decoration: none; 
font: 12px sans-serif;
color: #333366; 
margin: 0;
padding: 0
}

#download li a:hover, a:active { /* propriétés des liens quand on passe dessus avec la souris et quand on clique */
color: #990033; 
text-decoration: none; 
font: 12px sans-serif;
margin: 0;
padding: 0
}

#texte-centre { /* partie centrale de la page : news... */
font: 12px sans-serif;
line-height: 18px;
color: #333366; 
margin-top: -300px;
margin-left : 340px;
width: 530px;
}

#texte-centre li { /* propriétés des listes dans le bloc texte */
oldlist-style-image: url("Images/puce_bms_bleu_fonce.gif");
}

h5 { /* titre en italique gras blanc du petit edito de la partie gauche du bandeau */
color: #fff;
font: bold 13px sans-serif;
padding: 10px 0;
margin: 0;
}

h4 { /* texte en italique blanc du petit edito de la partie gauche du bandeau */
color: #fff;
font: italic 13px sans-serif;
padding: 10px 0;
margin: 0;
}

h3 { /* titre "Download" et "Visit our first Spin-Off..." */
color: #3366CC;
font: bold 12px sans-serif;
padding: 20px 0 10px 0;
margin: 0;
}

h2 { /* Titre de paragraphe en rouge foncé */
color: #990033;
font: bold 12px sans-serif;
line-height: 18px;
padding: 20px 0 10px 20px;
margin: 0;
}

p { /*  paragraphe */
color: #333366;
font: 12px sans-serif;
line-height: 18px;
margin: 0;
padding: 0 0 0 20px;
}