/* Fichier contenant les styles utilisés pour */
/* les cadre qui constituent les colonnes  */



/* ========================================================================= */
/* Définition pour 1 colonne d'un étage */
.css_table_cadre01 {
  width:              840px;
  margin:             0px 0px 0px 0px;
  border-collapse:    collapse;
}
.css_table_cadre01_td01 {
  width:              818px;
  padding:            10px;
  background-color:   #FFFFDD;
  vertical-align:     top;
  border:             #AAAAAA 1px solid; /* DDDDDD   */
}



/* ========================================================================= */
/* Définition pour 2 colonnes d'un étage */
.css_table_cadre02 {
  width:              840px;
  margin:             0px 0px 0px 0px;
  border-collapse:    collapse;
}
.css_table_cadre02_td01 {
  width:              388px;
  padding:            10px;
  background-color:   #FFFFDD;
  vertical-align:     top;
  border:             #AAAAAA 1px solid; /* DDDDDD   */
}
.css_table_cadre02_espace01 {
  width:              20px;
  padding:            0;
  background-color:   transparent;
  border:             none;
}
.css_table_cadre02_espace02 {
  width:              20px;
  height:             20px;
  padding:            0;
  background-color:   transparent;
  border:             none;
}



/* ========================================================================= */
/* Définition pour 3 colonnes d'un étage */
.css_table_cadre03 {
  width:              840px;
  margin:             0px 0px 0px 0px;
  border-collapse:    collapse;
}
.css_table_cadre03_td01 {
  width:              245px;
  padding:            10px;
  background-color:   #FFFFDD;
  vertical-align:     top;
  border:             #AAAAAA 1px solid; /* DDDDDD   */
}
.css_table_cadre03_td02 {
/* TODO : a voir si ce style est conservé  */
  width:              244px;
  padding:            10px;
  background-color:   #FFFFDD;
  text-align:         center;
  vertical-align:     top;
  border:             #AAAAAA 1px solid; /* DDDDDD   */
}
.css_table_cadre03_td03 {
  width:              531px;
  padding:            10px;
  background-color:   #FFFFDD;
  vertical-align:     top;
  border:             #AAAAAA 1px solid; /* DDDDDD   */
}
.css_table_cadre03_espace01 {
  width:              20px;
  height:             20px;
  padding:            0;
  background-color:   transparent;
  border:             none;
}



/* ========================================================================= */
/* Définition pour 3 colonnes à 3 étages */
.css_table_cadre03_3et {
  width:              840px;
  margin:             0px 0px 0px 0px;
  border-collapse:    collapse;
}
.css_table_cadre03_3et_espace01 {
  width:              20px;
  padding:            0;
  background-color:   transparent;
  border:             none;
}
.css_table_cadre03_3et_td01 {
  width:              244px;
  padding:            10px;
  background-color:   #FFFFDD;
  vertical-align:     top;
  border-top:         #AAAAAA 1px solid; /* DDDDDD */
  border-right:       #AAAAAA 1px solid;
  border-bottom:      #AAAAAA 0px solid;
  border-left:        #AAAAAA 1px solid;
}
.css_table_cadre03_3et_td02 {
  width:              244px;
  padding:            10px;
  background-color:   #FFFFDD;
  vertical-align:     top;
  border-top:         #AAAAAA 0px solid; /* DDDDDD */
  border-right:       #AAAAAA 1px solid;
  border-bottom:      #AAAAAA 0px solid;
  border-left:        #AAAAAA 1px solid;
}
.css_table_cadre03_3et_td03 {
  width:              244px;
  padding:            10px;
  background-color:   #FFFFDD;
  vertical-align:     bottom;
  border-top:         #AAAAAA 0px solid; /* DDDDDD */
  border-right:       #AAAAAA 1px solid;
  border-bottom:      #AAAAAA 1px solid;
  border-left:        #AAAAAA 1px solid;
}



/* ========================================================================= */
/* Définition pour 4 colonnes d'un étage */
.css_table_cadre04 {
  width:              840px;
  margin:             0px 0px 0px 0px;
  border-collapse:    collapse;
}
.css_table_cadre04_td01 {
  width:              173px;
  padding:            10px;
  background-color:   #FFFFDD;
  vertical-align:     top;
  border:             #AAAAAA 1px solid; /* DDDDDD   */
}
.css_table_cadre04_espace01 {
  width:              20px;
  padding:            0;
  background-color:   transparent;
  border:             none;
}



/* ========================================================================= */
/* Définition pour 4 colonnes à 3 étages */
.css_table_cadre04_3et {
  width:              840px;
  margin:             0px 0px 0px 0px;
  border-collapse:    collapse;
}
.css_table_cadre04_3et_espace01 {
  width:              20px;
  padding:            0;
  background-color:   transparent;
  border:             none;
}
.css_table_cadre04_3et_td01 {
  width:              173px;
  padding:            10px;
  background-color:   #FFFFDD;
  vertical-align:     top;
  border-top:         #AAAAAA 1px solid; /* DDDDDD */
  border-right:       #AAAAAA 1px solid;
  border-bottom:      #AAAAAA 0px solid;
  border-left:        #AAAAAA 1px solid;
}
.css_table_cadre04_3et_td02 {
  width:              173px;
  padding:            10px;
  background-color:   #FFFFDD;
  vertical-align:     top;
  border-top:         #AAAAAA 0px solid; /* DDDDDD */
  border-right:       #AAAAAA 1px solid;
  border-bottom:      #AAAAAA 0px solid;
  border-left:        #AAAAAA 1px solid;
}
.css_table_cadre04_3et_td03 {
  width:              173px;
  padding:            10px;
  background-color:   #FFFFDD;
  vertical-align:     bottom;
  border-top:         #AAAAAA 0px solid; /* DDDDDD */
  border-right:       #AAAAAA 1px solid;
  border-bottom:      #AAAAAA 1px solid;
  border-left:        #AAAAAA 1px solid;
}



/* ========================================================================= */
/* Cadre des liens "gros bouton" */
.css_cadre_lien_pack02 {
  margin:             0px;
  padding:            5px 5px 5px 5px;
  background-color:   #CC6666; /* FFFF88 transparent; */
  font-size:          24px;
  font-weight:        bold;
  text-align:         center;
  text-transform:     uppercase;
  border-top:         #DDDDDD 1px solid;
  border-right:       #DDDDDD 1px solid;
  border-bottom:      #DDDDDD 1px solid;
  border-left:        #DDDDDD 1px solid;
}
/* Cadre des liens "gros bouton" */
.css_cadre_lien_pack01 {
  margin:             5px 5px 5px 5px;
  padding:            0px;
  background-color:   #FFFFAA; /* FFFF88 transparent; */
  font-size:          24px;
  font-weight:        bold;
  text-align:         center;
  text-transform:     uppercase;
  border-top:         #BBBBBB 2px solid;
  border-right:       #BBBBBB 2px solid;
  border-bottom:      #BBBBBB 2px solid;
  border-left:        #BBBBBB 2px solid;
}
.css_cadre_lien_pack01:hover {
  border-top:         #FFFFFF 2px solid;
  border-right:       #FFFFFF 2px solid;
  border-bottom:      #FFFFFF 2px solid;
  border-left:        #FFFFFF 2px solid;
}
.css_cadre_lien_pack01:active {
  border-top:         #000000 2px solid;
  border-right:       #000000 2px solid;
  border-bottom:      #000000 2px solid;
  border-left:        #000000 2px solid;
}
.css_cadre_lien_pack01 A:link {
  display:            block;
  padding:            10px 5px 10px 5px;
  color:              #AAAAAA;
  text-decoration:    none;
}
.css_cadre_lien_pack01 A:visited {
  display:            block;
  padding:            10px 5px 10px 5px;
  color:              #999999;
  text-decoration:    none;
}
.css_cadre_lien_pack01 A:hover {
  display:            block;
  padding:            10px 5px 10px 5px;
  background-color:   #BBBBBB;
  color:              #FFFFFF;
  text-decoration:    none;
}
.css_cadre_lien_pack01 A:active {
  display:            block;
  padding:            10px 5px 10px 5px;
  background-color:   #FFFFFF;
  color:              #000000;
  text-decoration:    none;
}