/*========================
Design réalisé par Delta
http://www.reinesdherens.ch
V3.0
========================*/
body{
margin: 0px;
padding: 0px;
background: url(Fonds.jpg) repeat-x;
}

/* gestion de la transparence des PNG sous IE*/
img.png {
behavior: url(design/png.htc);
}

/* gestion de la transparence des PNG sous IE*/
img.png2 {
behavior: url(../design/png2.htc);
}

/*applique un cadre autour des images ayant la bonne classe "contour"*/
.contour {
padding: 5px;
border: 1px solid #ddd;
background: white;
}

/*===========================*/
/* L'en-tête                              */
/*===========================*/
#entete{
margin-top: 10px;
margin-left: 10px;
padding: 0px;
}


/*===========================*/
/* zone cliquable pour section administration  */
/*===========================*/
#ZoneAdmin {
position: absolute;
top: 160px;
left: 926px;
width: 30px;
height: 27px;
margin-top: 4px;
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
}

/*===========================*/
/* Le menu                                 */
/*===========================*/
.menu {
position: relative;
left: 0px;
top: -60px;
font-family: "Arial Rounded MT Bold", Arial Black, Times New Roman, Times, serif;
font-size: 18px;
}

.menu a{
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
}

.menu li {
padding-right: 30px;
display: inline;
margin: 0px;
}

.menu li a:link, .menu li a:visited {
text-decoration: none;
text-align: center;
color: white;
}

.menu li a:hover, .menu li a:active{
color: rgb(174,229,14);
}


/*===========================*/
/* Le corps                                */
/*===========================*/

#Corps
{
width: 954px;
}


.rubrique{
position: absolute;
top: 215px;
left: 30px;
width: 185px;
border: 0px solid;
text-align: center;
color: white;
font-family: "Arial Rounded MT Bold", Arial Black, Times New Roman, Times, serif;
font-size: 18px;
z-index: 30;
}

.rubrique a{
outline: 0; /*enlève les pointillés autour des liens cliquables*/
margin-top: 10px;
}

.rubrique img{
margin-top: 10px;
}

.rubrique h2{
margin-bottom: 30px;
margin-top: -25px;
}

.rubrique a:link, .rubrique a:visited {
text-decoration: none;
text-align: center;
color: white;
}

.rubrique a:hover, .rubrique a:active{
color: rgb(174,229,14);
}

.contenu{
position: absolute;
width: 774px;
min-height:450px; /*pour contourner la non-compréhension de min-height sous IE6*/
height:auto !important; /*pour contourner la non-compréhension de min-height sous IE6*/
height:450px; /*pour contourner la non-compréhension de min-height sous IE6*/
top: 205px;
left: 10px;
padding-left: 190px;
padding-right: 20px;
border: 0px solid;
text-align: justify;
color: white;
background: url(Corps.jpg) no-repeat;
margin-bottom: 45px;
}

.contenu a {
text-decoration: none;
font-weight: bold;
color: rgb(174,229,14);
outline: 0; /*enlève les pointillés autour des liens cliquables*/
}

.contenu p{
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
font-size: 12px;
padding-left: 20px;
padding-right: 20px;
}

.contenu h1{
text-align: center;
color: rgb(174,229,14);
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
font-family: "Arial Rounded MT Bold", Arial Black, Times New Roman, Times, serif;
}

.contenu_centré p{
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
font-size: 12px;
text-align: center;
margin-left: 0px;
padding-left: 20px;
padding-right: 20px;
}

.contenu_centré h2{
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
text-align: center;
padding: 0px;
}

.contenu_centré a, .contenu_centré img{
text-decoration: none;
color: white;
text-align: center;
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
vertical-align: middle;
margin-top: 30px;
}

.contenu_centré li{
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
text-align: center;
font-size: 12px;
padding: 0px;
}


/*==========================*/
/*mise en page flexible du corps */
/*==========================*/

.BasCorps  img{
background: url(BasCorps.jpg) no-repeat;
position: absolute;
left: 0px;
bottom: 0px;
height: 26px;
z-index: 100;
}

/*======================*/
/*le tableau des dates*/
/*======================*/

.TableDates table /* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
border: 3px ridge white;
border-collapse: collapse; /* Colle les bordures entre elles */
vertical-align: middle;
padding-bottom: 55px;
}

.TableDates th /* Les cellules d'en-tête */
{
background-color: blue;
height: 35px;
color: white;
border: 3px ridge white;
font-size: 18px; /*taille de la police*/
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
text-align: center;
}

.TableDates td /* Les cellules normales */
{
border: 1px solid black;
height: 30px;
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
border-left: 3px ridge white;
border-bottom: 1px solid white;
font-size: 14px; /*taille de la police*/   
text-align: left; /* Tous les textes des cellules seront alignés à gauche*/
padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/*=============================*/
/*pour la page des nouveautés*/
/*=============================*/
.news h3 /*pour tous les titres H3 des news*/
{
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
color: white;
text-align: center;
margin-bottom: 0px;
margin-top: 30px;
}

.news p /*pour tous les paragraphes des news*/
{
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
color: white;
text-align: center;
margin-top: 10px;
}

/*===========================*/
/*la section des liens                  */
/*===========================*/
.liens li/*pour la mise en page globale de la section des liens listés dans le corps*/
{
list-style-position: outside; /*mise en retrait des paragraphes pour être alignés APRES la puce*/
list-style-type: circle; /*liste à puces en cercles*/
font-size: 14px;
margin-bottom: 15px;
text-align: center; /*centrage des textes pour une meilleure présentation*/
}

.liens a/*pour le format des liens inscrits*/
{
text-decoration: none; /*élimine le soulignement automatique des liens*/
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
font-size: 12px;
color: white;
}
.liens a:hover /* Quand le visiteur pointe sur le lien */
{
color: rgb(174,229,14);
}

/*======================*/
/*le tableau des dates*/
/*======================*/

.TableDates table /* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
border: 5px bridge white; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
vertical-align: middle;
}

.TableDates th /* Les cellules d'en-tête */
{
background-color: #blue;
color: white;
font-size: 18px; /*taille de la police*/
}

.TableDates td /* Les cellules normales */
{
border-bottom: 1px solid white;
height: auto;
font-size: 14px; /*taille de la police*/   
text-align: left; /* Tous les textes des cellules seront alignés à gauche*/
padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/*===========================*/
/*liste des combats pour résultats*/
/*===========================*/
.albums table{
margin: auto; /*alignement automatique des cellules du tableau des albums*/
}

.albums a{
padding: 10px;
color: white;
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
text-decoration: none; /*élimine le soulignement automatique des liens*/
outline: 0; /*enlève les pointillés autour des liens cliquables du menu*/
vertical-align: middle;	
}

.albums a:hover /* Quand le visiteur pointe sur le lien */
{
color: rgb(174,229,14);
}

.albums img{
vertical-align: middle;
}

/*=========================*/
/* descriptif du calendrier*/
/*=========================*/
.calendrier table{
margin: auto;
border-collapse: collapse; /* Colle les bordures entre elles */
text-align: center;
}

.calendrier tr td /* Les cellules normales */
{
border: 0px solid white;
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
font-size: 16px;
text-align: center;
padding: 5px;
padding-top: 30px;
}

/*=============================*/
/*pour la page des combats*/
/*=============================*/
.albums {
font-family: "Arial Rounded MT Bold", Arial Black, Times New Roman, Times, serif;
color: white;
font-size: 16px;
}

.albums table{
margin: auto; /*alignement automatique des cellules du tableau des albums*/
}

.albums a{
padding: 10px;
}

/*=============================*/
/*pour le photorama*/
/*=============================*/
#photorama{
margin: auto;
margin-bottom: 20px;
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
text-align: center;
font-size: 12px;
text-decoration: none;
}

.photorama a {
text-decoration: none;
}

.photorama  table{
margin: auto;
/*max-height:2000px;*/
}

.photorama  td{
margin: 0px;
padding: 0px;
/*max-height:200px; /*pour contourner la non-compréhension de min-height sous IE6*/
/*height:auto !important; /*pour contourner la non-compréhension de min-height sous IE6*/
height:180px; /*pour contourner la non-compréhension de min-height sous IE6*/
width:190px; /*pour contourner la non-compréhension de min-height sous IE6*/
}

.bul /*les images du photorama*/{
border: 0px;
margin-left: 8px;
margin-right: 8px;
padding: 3px;
border: 1px solid #ddd;
background: white;
text-decoration: none;
}

/*=============================*/
/*pour la pagination*/
/*=============================*/
#pagination {
margin-bottom: 36px;
padding-top: 20px;
font-size: 16px;
font-weight: bold;
}

#pagination  a{/*le numéro des pages*/
font-size: 16px;
font-weight: normal;
}

/*===========================*/
/*les pop-up du photorama*/
/*===========================*/
#pop{ /* fenêtre */
position:absolute;
cursor:pointer;
padding: 10px;
display:none;
z-index:300;
background-color: black;
border: 1px solid #ddd;
}

#tet{ /* titre */
font: 14px "Comic Sans MS", Times New Roman, Times, serif;
color: white;
z-index: 100;
text-align: center;
background-color: black;
padding-bottom: 10px;
white-space: nowrap;
vertical-align: middle;
}

#msg{ /*message "chargement" */
position:absolute;
font-size:1.5em;
z-index:500;
color:white;
background:black;
padding:5px;
display:none
}

/*===========================*/
/*le pied de page                       */
/*===========================*/
#PiedPage{
color: white;
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
font-size: 12px;
position: absolute;
left: 300px;
bottom: -60px;
padding-bottom: 15px;
z-index: 10;
}
.alerte_livre p{
font-family: "Verdana", Arial Black, Times New Roman, Times, serif;
color: red;
font-size: 16px;
text-align: center;
padding-top: 30px;
padding-bottom: 0px;
}