/* rassemblement des divers styles utilisés dans le site ami12rch */

.accueil_background { /* definition de la boite devant contenir l'image de fond de la page d'accueil */
/* <!-- fixation de la taille de la page d'accueil, fixe ou dynamique selon l'écran ?
Finalement j'ai opté pour une taille fixe qui a l'avantge de respecter parfaitement les proportions.
Si l'écran est plus petit que 1020 x 715 des ascenseurs apparaissent
S'il est plus grand dans l'une des dimensions la page est entourée de blanc
LA PAGE D'ACCUEIL EST ORGANISEE DANS UN TABLEAU AYANT 5 LIGNES ET 5 COLONNES, AJUSTEE A CELLE DE L'IMAGE DE FOND CONTENUE DANS LA BOITE EXTERNE
LES LIGNES ET COLONNES PEUVENT ETRE REGROUPEES
LIGNES PRINCIPALES : 
- ENTETE (1 LIGNE et 5 COLONNES)
- CORPS COMPOSE DE 3 LIGNES et 5 COLONNES : 
     - MENU GAUCHE (3 LIGNES et 1 COLONNE) - DERNIERES NOUVELLES (3 LIGNES et 1 COLONNE) - CENTRE (3LIGNES et 3 COLONNES) - LES NOUVEAUTES (3LIGNES et 2 COLONNES)
- PIED (1 LIGNE et 5 COLONNES)  */

  position:absolute ; /* positionne la boite dans l'ecran */
  top:1px ; /* a  1 pixels du haut de page */
  left:1px ; /* et 1 pixel du bord gauche de la page */
  width:1020 ; /* image de fond légèrement redimensionnée (taille de la photo = 1020 x 715) */
  height:690 ; 
  /*border:solid black 1px} /* bordure de la boite */
  }
  
.accueil_front { /* définition de la boite devant contenir le tableau des affichages en front */
  position:absolute ; /* positionne la boite dans l'ecran */
  top:2px ; /* a  1 pixels du haut de page */
  left:2px ; /* et 1 pixel du bord gauche de la page */
  width:100% ; /* prend toute la boite externe */
  height:100% ; 
  border:solid black 1px} /* bordure de la boite */
  }

  /* FORATGE DE LA PAGE MODELE POUR PHOTOS */
  .album_page { /* definition de la page complete */
  position:absolute ; /* positionne la boite dans l'ecran */
  top:50px;left:0px;width:800px;height:700px; /* position/dimensions de la page */
  padding:0; margin:0;/* border:solid black 1px; */
  }
.insigne_73 {float:left;width:15%;height:80px;text-align:center;
  background-color:#339900;
  } 
.album_top { /* définition du bandeau supérieur TOP */
  float:left;width:70%;height:80px; /* dimensions du bandeau TOP */
  text-align:center;margin:0;background-color:#339900; /* vert Chasseurs */
  }
.insigne_40 {float:left;width:15%;height:80px;text-align:center;
  background-color:#339900;
  } 
.album_titre { /* définition de la ligne de TITRE */
  float:left;width:800px;height:20px;
  text-align:center;margin-top:1;margin-bottom:1;
  background-color:yellow; /* couleur jaune */
  }
.album_photos { /* définition de la zone contenant la table de PHOTOS */
  float:left;width:800px;/ *height:660px; /* border:solid black 4px; */
  background-color:#C0C0C0; /* couleur grise */
  }
  
/* change la couleur d'un lien lors du survol; ici de rouge en noir */
a.news {
color: red ; text-decoration: none ; 
} 
a:hover.news {
 color: black ; text-decoration: underline ; 
}
/* styles pour colonels 1945-1984 */
td.nomcc {
width:550px;
font-family:Arial;
border:solid .5pt;
padding:0cm 3.5pt 0cm 3.5pt;
}
td.periodecc {
width:150px;
font-family:Arial;
border:solid .5pt;
padding:0cm 3.5pt 0cm 3.5pt;
}
td.photocc {
width:50px;
font-family:Arial;
border:solid .5pt;
text-align:center;
padding:0cm 3.5pt 0cm 3.5pt;
}
/* styles pour camarades */
td.grade {
width:8%;
font-family:Arial;
font-size:60%;
text-align:center;
vertical-align:middle;
}
td.nom {
width:25%;
font-family:Arial;
font-size:60%;
text-align:center;
vertical-align:middle;
}
td.precis {
width:70%;
font-family:Arial;
font-size:60%;
text-align:left;
vertical-align:middle;
}
/* styles pour bibliographie */
p.auteur {
font-family:Arial;
font-size:60%;
font-weight:bold;
margin-top:0.2cm;
margin-bottom:0cm;
}
p.details {
font-family:Arial;
font-size:50%;
margin-top:0cm;
margin-bottom:0cm;
}
/* styles pour info12.htm*/
td.titno {
width:10%;
max-height:3%;
font-family:Arial;
font-size:60%;
text-align:center;
vertical-align:middle;
}

td.no {
width:5%;
max-height:3%;
font-family:Arial;
font-size:60%;
text-align:center;
vertical-align:middle;
}
td.date {
width:17%;
max-height:3%;
font-family:Arial;
font-size:60%;
text-align:center;
vertical-align:middle;
}
td.stock {
width:6%;
max-height:3%;
font-family:Arial;
font-size:60%;
text-align:center;
vertical-align:middle;
}
/* styles pour bulletin.htm*/
td.nobu {
width:4%;
font-family:Arial;
font-size:60%;
text-align:center;
vertical-align:middle;
}
td.datebu {
width:8%;
font-family:Arial;
font-size:60%;
text-align:center;
vertical-align:middle;
}
td.contbu {
width:88%;
font-family:Arial;
font-size:60%;
text-align:left;
vertical-align:middle;
}
/* styles pour histomaj.htm */
td.dat {
width:4%;
font-family:Arial;
font-size:60%;
text-align:center;
vertical-align:middle;
}
td.mot {
width:8%;
font-family:Arial;
font-size:60%;
text-align:center;
vertical-align:middle;
}
td.cont {
width:88%;
font-family:Arial;
font-size:60%;
text-align:left;
vertical-align:middle;
}