/*__ Sathys : blocs et alignements ___________________________________________*/

/*__ POUR LES ANNONCES __*/
.titre_annonce {
  width:             auto; 
  font-weight:       bold; 
  font-size:         1.2em;
  text-align:        left;
  padding-top:       0px;
  padding-bottom:    0px;
  border-top:        1px solid #8E1E10; 
  border-right:      0px solid; 
  border-left:       0px solid; 
  border-bottom:     0px solid; 
}
.annonce {
  display:           list-item;
  margin-top:        0.1em;
  margin-bottom:     1em;
  list-style-image:  url("../img/sathys_liste_invisible.gif");
  font-weight:       normal; 
  font-size:         0.8em;
  text-align:        justify;
  padding-left:      2.7em;
  border-top:        0px solid; 
  border-right:      0px solid; 
  border-left:       0px solid; 
  border-bottom:     0px solid; 
}

.lienInline {
  color:            #008888;
  cursor:           help;
  text-decoration:  none;
  border-bottom:    1px dashed;
}


/*____________________________________________________________________________*/
/*__ BLOCS __*/
.conteneur { 
  width:               750px;
  padding:               0px;
  margin:                0px;
  text-align:           left;
  background-color:  #FFCC99;
}



/*.bloc_metiers { 
  position:relative;
  top:0px;
  left:0px;
  float: left ;
  width: 70% ;
  overflow: visible ; 
  padding-left: 0em ;
  padding-right: 0em ;
  padding-top: 0em ;
  padding-bottom: 0.4em ;
} */

/*____________________________________________________________________________*/
/* ALIGNEMENTS */
/* Alignement image gauche en visu, top en impression */
/*.align_perso { 
padding-right: 4px; 
float:         left; 
valign:        middle;
}*/

/*__ Pour les images et les div__*/
.spacer {
clear:      both;
visibility: hidden;
padding:    0;
margin:     0;
width:      1px;
}

/*__ Ligne séparation  __*/
/*.separ {
width:            30%;
height:           1px;
float:            left;
}*/

/* Pour centrer une image : utiliser avec <p> */
.#image_logo{
width:  160px;
margin: 0 auto;
border: 0px;
}

/*____________________________________________________________________________*/
/*__ BALISES HTML __*/
body,table {
	font-family:      verdana, tahoma, arial, sans-serif; 
  font-size:        10pt; 
  color:            #8F001C; 
  overflow:         auto;
  border:           0;
  text-align:       center;
  /*background-color: #FFFFCC;*/
}

h1 {
 font-size:         17pt; 
 text-align:        center;
 vertical-align:middle;
 font-weight:       bold;
}

h2 {
 display:           list-item;
 list-style-image:  url("../img/sathys_liste_01.gif");
 font-size:         8pt; 
 font-weight:       bold;
 padding-bottom:    0em;
 margin-bottom:    0em;
font-family:verdana
}

h3 {
 display:           inline;
 font-size:         8pt; 
 font-weight:       bold;
}

HR {
	color: #859aaf; 
  height: 1px;
}

img {
  margin-left:  10px ; 
  margin-right: 10px ; 
}

li {
 display:             list-item;
 list-style-image:    url("../img/sathys_liste_02.gif");
 text-align:          justify;
 margin-bottom:1em;
}

ul {
  margin-top:0em;
}

/*____________________________________________________________________________*/
/*__ LIENS __*/
a:link {
 color:blue;
}
a:visited {
 color:purple;
}
a:active     { 
 color: #808000 
}
a:hover {
 color:#8F001C;
}


