/************ Global *************/

.global{
min-width: 1024px;
}

* html .global{
width:expression(document.body.clientWidth <= 1024? "1024px": "auto" );
}

*> html .global{
!width: expression(document.body.clientWidth <= 1024? "1024px": "auto" );
}

/***************** Baniere ***********/

.baniere {
width: 100%;
height: 150px;
background-color: #FFCC00;
}

.baniere .logo{
}

.baniere h1{
margin-top: -95px;
text-align: center;
font-size: 200%;
color: #FFCC00;
font-weight: bold;

}

.baniere .lienLogo{
display: block;
background-image: url("http://www.kiowas.org/Outils/Theme/Images/banniereAcceuil.gif");
background-position: center;
background-repeat: no-repeat;
width:100%;
height:150px;
}



/************* SeparateurBaniere *********/

.separateurBaniere{
width: 100%;
height: 30px;
border-top: solid #A32638 1px;
border-bottom: solid #A32638 1px;
cursor: pointer!important;
}

.separateurBaniere .lienDeroulant{
display: block;
font-weight: bold;
font-size: 110%;
color: #A32638;
padding-top: 5px;
text-decoration: none;
cursor: pointer!important;
}


.separateurBaniere .lienDeroulant a:hover{
color: #A32638;
cursor: pointer!important;
}

.separateurBaniere .lienDeroulant a:visited{
color: #A32638;
}

/************* MenuNav **********/

.menuNav {
float: left;
width: 15%;
font-weight: bold;
border-right-width:1px;
border-right-color:#A32638;
border-right-style:dashed;
border-bottom-width:1px;
border-bottom-color:#A32638;
border-bottom-style:dashed;
}

.menuNav .menu{
background-color: #A32638;
color: #FFCC00; 
padding-left: 5px;
padding-right: 5px;
}

.menuNav .sousMenu{
color: #A32638; 
padding-left: 5px;
padding-right: 5px;
display:block;
text-decoration: none;
}

.menuNav a:hover{
text-decoration: underline;
}

/************* Contenu **********/

.contenu{
width: 68%;
float: left;
margin: 10px;
}

/************* Contenu Popup **********/

.contenuPopup{
text-align:center;
}

.contenuPopup .titrePopup{
margin-bottom:10px;
font-size: 120%;
color: #A32638;
}

/************* Teaser **********/

.teaser{
width: 14%;
float: left;
}

.teaser .unMatchTeaser{
margin-top: 10px;
border: 8px #FFCC00;
border-style: double;
background-color:#A32638;
font-weight: bold;
text-align: center;
}

.teaser .unMatchTeaser a{
color:#FFCC00;
text-decoration: none;
display:block;

}

* html .teaser .unMatchTeaser a{
height: 100%;
width: 100%;
}

/************* Footer **********/

.footer{
width: 100%;
clear: both;
border-top: solid 1px #A32638;
}

.footer .logoFFFA{
float: left;
display: block;
background-image: url("http://www.kiowas.org/Outils/Theme/Images/logo_fffa.gif");
width:100px;
height:90px;
margin-top:25px;
margin-left:25px;
}

/************ Article **********/

.articles .tableauMoteur{
margin-bottom: 10px;
}

.articles .tableauMoteur .lienMoteurPrincipal {
color: #A32638;
text-decoration: none;
}

.articles .tableauMoteur .lienMoteur {
color: #A32638;
text-decoration: none;
}

.articles .tableauMoteur .lienMoteurChoisi {
color: #A32638;
font-weight: bold;
text-decoration: none;
}

.articles .tableauMoteur .lienMoteurPrincipal:hover{
color: #A32638;
text-decoration: underline;
}

.articles .tableauMoteur .lienMoteur:hover{
color: #A32638;
text-decoration: underline;
}

.articles .tableauMoteur .lienMoteurChoisi:hover{
color: #A32638;
font-weight: bold;
text-decoration: underline;
}

.article{
overflow:hidden;
margin-bottom: 20px;
clear: both;
width:100%;
}

.news .article .date{
float: right;
font-size: 85%;
font-style: italic;
}

.articles .article .date{
float: right;
font-size: 85%;
font-style: italic;
}

.article .titre{
margin-bottom:10px;
font-size: 120%;
color: #A32638;
}

.article .paragraphe{
text-align: justify;
}

.article .signature{
font-style: italic;
}

.article img{
padding: 10px;
}

.article .floatDroite{
float: right;
}

.article .floatGauche{
float: left;
}

.article .lien{
color: #A32638; 
text-decoration: underline;
}

.article .separateur{
height: 2px;
width: 100%;
border-bottom-width:2px;
border-bottom-color:#A32638;
border-bottom-style:dashed;
}

.article a:hover{
color: #A32638; 
text-decoration: none;
}

.article .picto{
padding: 0px!important;
}

.separateur{
border-bottom-width:1px;
border-bottom-color:#A32638;
border-bottom-style:dashed;
margin-bottom:10px;
}

/********** Calendrier *************/

.calendrier table{
width: 100%;
}

.calendrier td{
width: 30%;
}

.calendrier .vs{
padding: 0px;
margin-left: 5px;
margin-right: 5px;
}

.calendrier .unMatch .equipe{
padding: 0px!important;
}

.calendrier .unMatch .date{
text-align: center;
}

.calendrier .unMatch{
margin-top: 10px;
margin-bottom: 10px;
}

.calendrier .unMatch .equipes{
text-align: center;
margin-left: 20px;
margin-right: 20px;
background-color:#A32638;
border: solid 4px #FFCC00;
}

.calendrier .unMatch .equipes a{
display:block;
text-decoration: none;
}

.calendrier .chez{
color: #FFCC00;
font-size: 120%;
padding-top: 5px;
}

.calendrier .unMatchDetail{
text-align: center;
}

.calendrier .unMatchDetail .date{
font-weight: bold;
padding-bottom: 10px;
}

.calendrier .unMatchDetail .uneEquipe{
width: 45%;
float: left;

}

.calendrier .unMatchDetail .uneEquipeLogoGauche{
float: right;
}

.calendrier .unMatchDetail .equipe{
float:left;
margin-left: 10px;
margin-right: 10px;
}

.calendrier .unMatchDetail .nomEquipe{
float:left;
margin-top: 25px;
font-size: 110%;
color:#A32638;
}

.calendrier .unMatchDetail .score{
clear: both;
font-size: 110%;
color:#A32638;
}

.calendrier .unMatchDetail .vs{
width: 7%;
margin-top: 25px;
float: left;
font-size: 110%;
color:#A32638;
}

.calendrier .unMatchDetail .commentaire{
padding-top:20px;
clear:both;
}


.calendrier .unMatchDetailFlag{
text-align: center;
}


.calendrier .unMatchDetailFlag .date{
font-weight: bold;
}

.calendrier .unMatchDetailFlag .equipe{
padding: 0px;
}

.calendrier .unMatchDetailFlag .nomEquipe{
font-size: 110%;
color:#A32638;
}

.calendrier .unMatchDetailFlag .commentaire{
padding-top:20px;
}

/************** Classement ***********/

.tableauClassement {
margin-top: 20px;
width: 100%;
font-size: 90%;
border:2px solid #A32638;
}

.tableauClassement td{
text-align: center;
}

.tableauClassement .entete{
width: 3%;
background-color:#FFCC00;
color: #A32638;
font-weight: bold;
text-align: center;

}

.tableauClassement .enteteNumero{
width: 3%;
}

.tableauClassement .enteteEquipe{
width: 15%;
}

.tableauClassement .equipe, .tableauClassement .points, .tableauClassement .diff{
font-weight: bold;
}

/*************** Infrastructure *************/

.infrastructure .jour {
width: 13%;
text-align: center;
font-weight: bold;
}

.infrastructure table {
border:2px solid #A32638;
}

/******************* Fin Infrastructure *************/
/******************* Roster ***********************/

.tableauRoster{
margin-top: 10px;
width: 100%;
font-size: 90%;
border:2px solid #A32638;
}

.tableauRoster td{
text-align: center;
}

.tableauRoster .entete{
background-color:#FFCC00;
color: #A32638;
font-weight: bold;
text-align: center;
}

/******************* Fin Roster ***********************/
/******************* Fiche Joueur ********************/

.ficheJoueur{
background-image: url("http://www.kiowas.org/Outils/Theme/Images/fondFicheJoueur.jpg");
background-position: center;
background-repeat: no-repeat;
padding: 20px;
overflow:hidden;
text-align:left;
}

.ficheJoueur .infoJoueur{
width: 50%;
margin-left: 256px;
}

* html  .ficheJoueur .infoJoueur{
width: 70%;
}

.ficheJoueur img{
margin-right: 20px;
margin-bottom: 10px;
float:left;
width: 40%;
border: solid 2px #A32638;
}

.ficheJoueur .statJoueur{

}

.ficheJoueur .entete{
font-weight: bold;
color: #A32638;
}

.ficheJoueur .uneEquipe{
width: 100%;
overflow:hidden;
}

.ficheJoueur .nomEquipe{
width: 15%;
float:left;
}

*html .ficheJoueur .nomEquipe{
width: 20%;
}

.ficheJoueur .posteNumero{
width: 60%;
float:left;
}

*html .ficheJoueur .posteNumero{
width: 80%;
}

.ficheJoueur .poste{
width: 100%;
}

.ficheJoueur .numero{
width: 100%;
clear:both;
}

.ficheJoueur .uneEquipe .entete{
font-weight: bold;
color:black;
}

.ficheJoueur .uneEquipe .nomEquipe .entete{
font-weight: bold;
color: #A32638
}

/********************* Fin Fiche Joueur ****************/
/********************* Modification Fiche Joueur *******/

.modificationFicheJoueur img{
width: 20%;
}