/********************************************************************************************
FEUILLE DE STYLE CSS - ASPC - STYLES COMMUNS 1.0
Copyright 2009 ASPC
Programmeur : Laborde Pierre
********************************************************************************************/

body{
background-color:#0e122c;	/* Couleur de fond du site Internet */
background-image:url('../img/fondAspc.jpg');	/*Image de fond du site Internet */
background-position:center top;
background-repeat:no-repeat;
border:0;
margin:0;
padding:0;
text-align:center;		/* aligne au centre pour internet explorer */
}

img{
border:0;
}

.droite{
position:relative;
left:478px;
bottom:110px;
z-index:2;
}

a#retourAccueil{
height:100px;
width:200px;
position:relative;
left:400px;
top:5px;
display:block;
}

#hautAspc,#menu,#corps,#pied{
text-align:left;	/* rétablissement du bug sous ie */
margin: 0 auto 0 auto;	/* aligne au centre pour firefox */
}

#hautAspc{	/* div qui contient la partie supérieur du site avec le logo */
width:1000px;
height:100px;
}

#corps{	/* div qui contient le contenu du site */
width:1000px;
background-color:#f9f9f9;
}

#contenu{ /* div qui contient le contenu des pages */
width:659px;
min-height:475px;
background-image:url('../img/fondContenu.png');	/*Image de fond du contenu*/
background-repeat:repeat-x;
background-color:#f9f9f9;
padding: 0 0 0 0;
float:left;
}

#contenuplein{ /* div qui contient le contenu des pages sans la colonne de droite */
min-height:475px;
background-image:url('../img/fondContenu.png');	/*Image de fond du contenu*/
background-repeat:repeat-x;
background-color:#f9f9f9;
padding: 0 0 0 0;
}

#contenupleinnoir{ /* div qui contient le contenu des pages sans la colonne de droite */
min-height:475px;
background-repeat:repeat-x;
background-color:black;
padding: 0 0 0 0;
}

#droite{ /* colonne de droite */
width:341px;
background-color:#ffffff;
padding:0;
float:left;
}

#droiteBleu{ /* colonne de droite avec un fond Bleu */
width:341px;
background-image:url('../img/droite/fond.png');	/*Image de fond du contenu*/
background-repeat:repeat-y;
background-color:#4d60a9;
padding:0;
margin:0;
float:left;
}

#prochainsMatchs{
background-image:url('../img/droite/match_fond.png');	/*Image de fond du contenu*/
background-repeat:repeat-y;
text-align:right;
}

#pied{	/* div qui contient le pied du site */
width:100%;
height:81px;
background-image:url('../img/basASPC.jpg');	/*Image de fond du contenu*/
background-repeat:no-repeat;
background-position:center;
}

#auth{ /* div qui contient le formulaire de saisie du mot de passe et de l'identifiant */
position:relative;
margin:0 10px 0 0;
float:right;
top:30px;
}

#accueil{ /* div qui contient la page d'accueil */
width:659px;
/* min-height:475px; */
background-color:#000000;
padding:0;
margin:0;
text-align:center;
float:left;
}

form.auth{
display:inline;
}

input.auth{	/* style des input du formulaire d'identification */
border:1px solid #b5b5b5;
font-size:9px;
font-family:Tahoma;
background-color:#475892;
color:#ffffff;
margin-left:0;
}

input{
border:1px solid #636363;
font-size:11px;
font-family:Tahoma;
background-color:white;
color:#636363;
}

font.auth,a.auth{	/* police du formulaire d'identification */
font-family:Tahoma;
font-size:9px;
color:#ffffff;
text-decoration:none;
}

a.auth:hover{ /* liens du formulaire d'identification au survol de la souris */
text-decoration:underline;
}

.lien2{
font-family:Tahoma;
font-size:10px;
color:#b5b5b5;
text-decoration:none;
}

.lien2:hover{
text-decoration:underline;
}

select{ /* select par defaut */
font-family:Tahoma;
font-size:11px;
color:#636363;
}

table{
font-family:Tahoma;
font-size:10px;
margin:30px 0 0 30px;
}

table.result{
font-family:Tahoma;
font-size:13px;
margin:30px;
width:600px;
background-color:white;
}

tr.result{
font-variant:small-caps;
color:#0015ff;
font-weight:bold;
}

td.result{
border:1px outset #aaaaaa ;
}

tr.resultASPC{
font-variant:small-caps;
color:#0015ff;
font-weight:bold;
background-color:#d9dcff;
}

#alerte1{ /* div qui affiche à l'utilisateur un message d'alerte si il a mal entré sont mot de passe ou son login */
position:absolute;
background-image:url('../img/alerte1.png');
background-repeat:no-repeat;
visibility:hidden;
height:75px;
width:201px;
top:100px;
left:690px;
z-index:3;
font-size:12px;
font-family:Tahoma;
color:black;
padding:18px 5px 5px 10px;
}

h1{
font-size:16px;
font-family:Tahoma;
color:#5369b8;
padding:30px 0 0 60px;
margin:0;
}

h2{
font-size:13px;
font-family:Tahoma;
color:#9d9d9d;
padding:0 0 0 60px;
margin:0;
}

p,.txt,.txtbarre{
font-size:12px;
font-family:Tahoma;
color:#636363;
}

.txtbarre{
text-decoration:line-through;
}

p{
padding:0 30px 0 30px;
}

p.form{
padding:0 0 0 30px;
}

p.alerte{
color:red;
}

p.blanc{
color:white;
}

.pdroite{
font-variant:small-caps;
font-size:10px;
color:#9ca9f4;
}

.aligner_droite{
text-align:right;
}

div.prochainMatch{

}

.prochainMatch{
color:#ffffff; 
font-size:10px;
font-family:Tahoma;
font-weight:bolder;
/* font-variant:small-caps; */
text-transform:capitalize;
text-decoration:none;
}

.rubriqueactu{
color:#ffffff; 
font-size:14px;
font-family:Tahoma;
font-weight:bolder;
font-variant:small-caps;
text-transform:capitalize;
text-decoration:none;
}

p.dateActu{ /* affichage de la catégorie et de la date de la news */
margin:0;
padding:1px 10px 0 0;
font-size:10px;
font-family:Tahoma;
color:#ffffff;
text-align:right;
}

div.commentaireActu{
color:#4d60a9;
font-size:10px;
font-family:Tahoma;
text-align:right;
margin:2px 20px 0 0;
}

p.resume{ /* affichage du resume de la news */
margin:0;
padding:5px 20px 0 20px;
font-size:13px;
font-family:Tahoma;
color:#ffffff;
}

/*div.actu_haut{
background-image:url('../img/actu_haut.png');
background-repeat:no-repeat;
height:35px;
width:627px;
margin: 0 auto 0 auto;	/* aligne au centre pour firefox 
}*/

div.actuHaut2{
background-color:#4d60a9;
height:16px;
width:627px;
margin: 0 auto 0 auto;	/* aligne au centre pour firefox */
}

div.actualite{ /* div qui contient la première actualité sur la page d'accueil en gros */
height:255px;
width:627px;
background-color:black;
background-repeat:no-repeat;
text-align:left;	/* rétablissement du bug sous ie */
margin: 0 auto 0 auto;	/* aligne au centre pour firefox */
z-index:1;
}

div.actualiteResume1,div.actualiteResume2,div.actualiteResume3{ /* div à droite de l'actualité sur l'accueil, il contient le texte résumé de la news et le lien vers celle-ci */
height:216px;
float:right;
z-index:1;
position:relative;
top:-39px;
}

div.actualiteResume1{ /* div à droite de l'actualité sur l'accueil, il contient le texte résumé de la news et le lien vers celle-ci */
background-image:url('../img/actu_fonddroite.png');
background-color:#151c62;
background-position:right;
background-repeat:repeat-y;
}

div.actualiteResume2{ /* div à droite de l'actualité sur l'accueil, il contient le texte résumé de la news et le lien vers celle-ci */
}

div.actualiteResume3{ /* div à droite de l'actualité sur l'accueil, il contient le texte résumé de la news et le lien vers celle-ci */
background-image:url('../img/actu_fonddroite.png');
background-color:#151c62;
background-position:right;
background-repeat:repeat-y;
height:255px;
top:0px;
}

div.MiniActu{
background-image:url('../img/fondMiniActu.png');
width:627px;
height:53px;
z-index:1;
background-color:black;
background-repeat:no-repeat;
padding:5px 0 0 0;
text-align:left;	/* rétablissement du bug sous ie */
margin: 0 auto 0 auto;	/* aligne au centre pour firefox */
}

div.presse{
height:80px;
}

div.presseIco{
height:80px;
width:150px;
background-image:url('../img/icoPresse.png');
background-repeat:no-repeat;
background-position:center;
float:left;
}

div.photoIco{
height:80px;
width:150px;
background-image:url('../img/icoPhoto.png');
background-repeat:no-repeat;
background-position:center;
float:left;
}

div.presseResume{
height:80px;
padding-top:5px;
}

#droitePresse{
width:341px;
text-align:center;
}

a.actuTitre,a.actuTitre2{
font-size:24px;
font-family:Tahoma;
color:#ffffff;
text-decoration:none;
}

a.titre,a.titre2{
font-family:Tahoma;
text-decoration:none;
}

a.titre{
font-size:20px;
color:#636363;
}

a.titre2{
font-size:16px;
color:white;
}

a.titre:hover,a.titre2:hover,a.actuTitre:hover,a.actuTitre2:hover,a.prochainMatch:hover{
text-decoration:underline;
}

div.actualiteTitre,div.actualiteTitre2,div.actualiteTitre3{
background-image:url('../img/actu_fondtitre.png');
position:relative;
z-index:2;
}

div.actualiteTitre{ /* div en bas de l'actu qui contient le titre */
padding:5px 0 5px 0;
text-align:center;
top:216px;
}

div.actualiteTitre2{ /* div en bas de l'actu qui contient le titre */
padding:5px 10px 5px 10px;
left:-10px;
width:200px;
top:20px;
}

div.actualiteTitre3{ /* div en bas de l'actu qui contient le titre */
padding:5px 0 5px 0;
text-align:center;
top:216px;
}

div.spacer{
clear:both;
}

#commentaire{
background-image:url('../img/entete/refletcommentaire.png');
background-repeat:no-repeat;
background-color:#151c62;
}

div.commentaire{
background-color:#151c62;
width:659px;
}

div.infosCom{
width:139px;
font-size:10px;
font-family:Tahoma;
color:#bbbbbb;
float:left;
padding:0 10px 10px 10px;
text-align:right;
}

div.contenuCom{
width:480px;
font-size:10px;
font-family:Tahoma;
color:#bbbbbb;
background-color:#0b0f36;
float:left;
padding:10px;
}

/* STYLE DE PRESENTATION DU SCORE DES MATCHS */

.datematch{
font-size:13px;
font-family:Tahoma;
color:#999999;
}

.equipe{
font-size:30px;
font-family:Tahoma;
color:#888888;
padding: 10px;
}

.equipeDroite{
font-size:15px;
font-family:Tahoma;
color:white;
padding: 5px;
}

.scoreASPC{
color:#4192D9;
}

.scoreAdversaire{
color:#4192D9;
}
