/* Fichier contenant les styles utilisés pour */
/* Ligne du menu */
/* Ligne des logo, titre du site et nom de la page en cours */
/* Ligne du copyright */



/* ========================================================================= */
/* Ligne du menu du site */
.css_menu01 {
  margin:             0px;
  padding:            0px;
  background-color:   #FFFFAA;
  color:              #CCCCCC;
  font-size:          18px;
  font-weight:        bold;
  text-align:         right;
  text-transform:     uppercase;
  letter-spacing:     -1px;
  border:             none;
  border-top:         #DDDDDD 1px solid;
  border-right:       #DDDDDD 0px solid;
  border-bottom:      #DDDDDD 1px solid;
  border-left:        #DDDDDD 0px solid;
}
/* à utiliser pour afficher une ligne entre les 2 lignes du menu du site. */
.css_menu02 {
  margin:             0px;
  padding:            0px;
  background-color:   #FFFFAA;
  color:              #CCCCCC;
  font-size:          18px;
  font-weight:        bold;
  text-align:         right;
  text-transform:     uppercase;
  letter-spacing:     -1px;
  border:             none;
  border-top:         #DDDDDD 1px solid;
  border-right:       #DDDDDD 0px solid;
  border-bottom:      #DDDDDD 1px solid;
  border-left:        #DDDDDD 0px solid;
}

/* Liens du menu du site */
.css_menu01 A:link, 
.css_menu02 A:link {
  padding:            0px 5px 0px 5px;
  color:              #CCCCCC;
  text-decoration:    none;
}
.css_menu01 A:visited, 
.css_menu02 A:visited {
  padding:            0px 5px 0px 5px;
  color:              #999999;
  text-decoration:    none;
}
.css_menu01 A:hover, 
.css_menu02 A:hover {
  padding:            0px 5px 0px 5px;
  background-color:   #BBBBBB;
  color:              #FFFFFF;
  text-decoration:    none;
}
.css_menu01 A:active, 
.css_menu02 A:active {
  padding:            0px 5px 0px 5px;
  background-color:   #FFFFFF;
  color:              #000000;
  text-decoration:    none;
}

/* Liens du menu de la page actuelle */
A:link.css_menu01_actif {
  padding:            0px 5px 0px 5px;
  background-color:   #CC0000;
  color:              #FFFFFF;
  text-decoration:    none;
}
A:visited.css_menu01_actif {
  padding:            0px 5px 0px 5px;
  background-color:   #880000;
  color:              #FFFFFF;
  text-decoration:    none;
}
A:hover.css_menu01_actif {
  padding:            0px 5px 0px 5px;
  background-color:   #BB0000;
  color:              #FFFFFF;
  text-decoration:    none;
}
A:active.css_menu01_actif {
  padding:            0px 5px 0px 5px;
  background-color:   #FFFFFF;
  color:              #000000;
  text-decoration:    none;
}



/* ========================================================================= */
/* Ligne du copyright en bas du site */
.css_copyright01 {
  width:              828px;
  height:             18px;
  margin:             0;
  padding:            10px 5px 6px 5px;
  background-color:   #FFFFDD;
  color:              #888888;  /* CCCCCC */
  font-size:          12px;
  font-weight:        bold;
  text-transform:     uppercase;
  text-align:         left;
  letter-spacing:     1px;
  border:             #AAAAAA 1px solid;
}
.css_copyright01 A:link {
  padding:            0px 5px 0px 5px;
  color:              #888888; /* CCCCCC */
  text-decoration:    none;
}
.css_copyright01 A:visited {
  padding:            0px 5px 0px 5px;
  color:              #555555; /* 999999 */
  text-decoration:    none;
}
.css_copyright01 A:hover {
  padding:            0px 5px 0px 5px;
  background-color:   #BBBBBB;
  color:              #FFFFFF; /*  */
  text-decoration:    none;
}
.css_copyright01 A:active {
  padding:            0px 5px 0px 5px;
  background-color:   #FFFFFF;
  color:              #000000; /*  */
  text-decoration:    none;
}



/* Ligne du copyright, lien de retour vers le haut de page */
a.css_copyright_lien_haut_page01:link,
a.css_copyright_lien_haut_page01:visited,
a.css_copyright_lien_haut_page01:hover,
a.css_copyright_lien_haut_page01:active {
  position:           relative;
  float:              left;
  top:                -7px;
  left:               0px;
  margin:             0;
  padding:            0;
  vertical-align:     middle;
  background-color:   transparent;
  border:             none;
  text-decoration:    none;
}
.css_copyright_image_haut_page01 {
  width:              20px;
  height:             25px;
  border:             none;
  margin:             2px 0 0 0;
}
.css_copyright_image_haut_page01:hover {
  width:              20px;
  height:             25px;
  border:             none;
  margin:             3px -1px 0 1px;
}



/* ========================================================================= */
/* Retour vers le haut de page */
a.css_titre_section01_lien_haut_page01:link,
a.css_titre_section01_lien_haut_page01:visited,
a.css_titre_section01_lien_haut_page01:hover,
a.css_titre_section01_lien_haut_page01:active {
  position:           relative;
  float:              left;
  top:                -6px;
  left:               -12px;
  margin:             0;
  padding:            0;
  text-decoration:    none;
}
.css_titre_section01_image_haut_page01 {
  width:              20px;
  height:             25px;
  border:             none;
  margin:             2px 0 0 0;
}
.css_titre_section01_image_haut_page01:hover {
  width:              20px;
  height:             25px;
  border:             none;
  margin:             3px -1px 0 1px;
}




/* ========================================================================= */
/* Retour vers le haut de page */
a.css_titre_paragraphe01_lien_haut_page01:link,
a.css_titre_paragraphe01_lien_haut_page01:visited,
a.css_titre_paragraphe01_lien_haut_page01:hover,
a.css_titre_paragraphe01_lien_haut_page01:active {
  position:           relative;
  float:              left;
  top:                -6px;
  left:               1px;
  margin:             0;
  padding:            0;
  text-decoration:    none;
}
.css_titre_paragraphe01_image_haut_page01 {
  width:              20px;
  height:             25px;
  border:             none;
  margin:             2px 0 0 0;
}
.css_titre_paragraphe01_image_haut_page01:hover {
  width:              20px;
  height:             25px;
  border:             none;
  margin:             3px -1px 0 1px;
}



/* ========================================================================= */
/* Menus locaux à 3 cases en largeur */
a.css_menu_local3_01:link {
  float:              left;
  display:            block;
  width:              249px;
  margin:             1px;
  padding:            10px 10px 10px 10px;
  font-weight:        bold;
  text-align:         center;
  background-color:   #FFFFFF;
  color:              #666666;
  border:             #AAAAAA 1px solid;
  text-decoration:    none;
}
a.css_menu_local3_01:visited {
  float:              left;
  display:            block;
  width:              249px;
  margin:             1px;
  padding:            10px 10px 10px 10px;
  font-weight:        bold;
  text-align:         center;
  background-color:   #FFFFFF;
  color:              #888888;
  border:             #AAAAAA 1px solid;
  text-decoration:    none;
}
a.css_menu_local3_01:hover {
  float:              left;
  display:            block;
  width:              249px;
  margin:             1px;
  padding:            10px 10px 10px 10px;
  font-weight:        bold;
  text-align:         center;
  background-color:   #BBBBBB;
  color:              #FFFFFF;
  border:             #AAAAAA 1px solid;
  text-decoration:    none;
}
a.css_menu_local3_01:active {
  float:              left;
  display:            block;
  width:              249px;
  margin:             1px;
  padding:            10px 10px 10px 10px;
  font-weight:        bold;
  text-align:         center;
  background-color:   #FFFFFF;
  color:              #000000;
  border:             #AAAAAA 1px solid;
  text-decoration:    none;
}











/* ========================================================================= */
/* Retour vers les menus locaux */
a.css_titre_section01_retour_menu_local01:link,
a.css_titre_section01_retour_menu_local01:visited,
a.css_titre_section01_retour_menu_local01:hover,
a.css_titre_section01_retour_menu_local01:active {
  position:           relative;
  float:              left;
  top:                -6px;
  left:               -11px;
  margin:             0;
  padding:            0;
  text-decoration:    none;
}
.css_titre_section01_image_menu_local01 {
  width:              20px;
  height:             25px;
  margin:             2px 0 0 0;
}
.css_titre_section01_image_menu_local01:hover {
  width:              20px;
  height:             25px;
  margin:             3px -1px 0 1px;
}



/* ========================================================================= */
/* Retour vers les menus locaux */
a.css_titre_paragraphe01_retour_menu_local01:link,
a.css_titre_paragraphe01_retour_menu_local01:visited,
a.css_titre_paragraphe01_retour_menu_local01:hover,
a.css_titre_paragraphe01_retour_menu_local01:active {
  position:           relative;
  float:              left;
  top:                -6px;
  left:               2px;
  margin:             0;
  padding:            0;
  text-decoration:    none;
}
.css_titre_paragraphe01_image_menu_local01 {
  width:              20px;
  height:             25px;
  margin:             2px 0 0 0;
}
.css_titre_paragraphe01_image_menu_local01:hover {
  width:              20px;
  height:             25px;
  margin:             3px -1px 0 1px;
}



/* ========================================================================= */
/* Menus sous forme de liste à puces */
.css_menu_liste01 {
  margin:             0;
  padding:            0px;
  border:             none;
  color:              #888888;
  text-decoration:    none;
}
a.css_menu_liste01:link {
  display:            block;
  margin:             0;
  padding:            2px 0 0 18px;
  background:         url("../image/puce_rond_gris01.png") transparent no-repeat top left;
  border:             none;
  color:              #555555;
  text-decoration:    none;
}
a.css_menu_liste01:visited {
  display:            block;
  margin:             0;
  padding:            2px 0 0 18px;
  background:         url("../image/puce_rond_gris01.png") transparent no-repeat top left;
  color:              #888888;
  text-decoration:    none;
}
a.css_menu_liste01:hover {
  display:            block;
  margin:             0;
  padding:            2px 0 0 18px;
  background:         url("../image/puce_rond_gris01.png") #BBBBBB no-repeat top left;
  color:              #FFFFFF;
  text-decoration:    none;
  font-weight:        bold;
}
a.css_menu_liste01:active {
  display:            block;
  margin:             0;
  padding:            2px 0 0 18px;
  background:         url("../image/puce_rond_gris01.png") transparent no-repeat top left;
  color:              #000000;
  text-decoration:    none;
}



/* ========================================================================= */
/* Lien du bas des cadres des offres */
.css_lien_detail01 {
  padding:            10px;
  color:              #CCCCCC;
  font-size:          18px;
  text-align:         center;
}
.css_lien_detail01 a:link {
  padding:            5px 10px 5px 10px;
  color:              #CCCCCC;
  font-size:          18px;
  text-decoration:    none;
  border-top:         #EEEEEE 1px solid; /* DDDDDD */
  border-right:       #EEEEEE 1px solid; /* DDDDDD */
  border-bottom:      #DDDDDD 2px solid;
  border-left:        #DDDDDD 9px solid;
}
.css_lien_detail01 a:visited {
  color:              #999999;
  font-size:          18px;
  text-decoration:    none;
  border-top:         #EEEEEE 1px solid; /* DDDDDD */
  border-right:       #EEEEEE 1px solid; /* DDDDDD */
  border-bottom:      #DDDDDD 2px solid;
  border-left:        #DDDDDD 9px solid;
}
.css_lien_detail01 a:hover {
  background-color:   #BBBBBB;
  color:              #FFFFFF;
  font-size:          18px;
  text-decoration:    none;
  border-top:         #EEEEEE 1px solid; /* DDDDDD */
  border-right:       #EEEEEE 1px solid; /* DDDDDD */
  border-bottom:      #DDDDDD 2px solid;
  border-left:        #DDDDDD 9px solid;
}
.css_lien_detail01 a:active {
  background-color:   #FFFFFF;
  color:              #000000;
  font-size:          18px;
  text-decoration:    none;
  border-top:         #EEEEEE 1px solid; /* DDDDDD */
  border-right:       #EEEEEE 1px solid; /* DDDDDD */
  border-bottom:      #DDDDDD 2px solid;
  border-left:        #DDDDDD 9px solid;
}