@charset "utf-8";

html { background: #9A9A95; overflow-y: scroll; }

body { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; font-size: 13px; text-align: justify; }

html, body { height: 100%; margin: 0; }

div#global
{
  background-color: #9A9A95;
  background-image: url(/images/fond_site.gif);
  background-repeat: repeat-y;
  background-position: center;
  background-attachment: scroll;
  min-height: 100%;
  width: 800px;
  padding: 0px 0px;
  margin: 0px auto;
  position: relative;
}

div#header
{
  width: 760px;
  margin-left: 20px;
  background-color: none;
  background-image: url(/images/banniere.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: scroll;
  height: 90px;
}

div#titre
{
  width: 760px;
  height: 25px;
  bottom: 0px;
  margin-left: 20px;
  background-color: #000000;
  color: #FFFFFF;
  visibility: visible;
  display: block;
}

div#arche
{
  background-color: none;
  background-image: url(/images/arche.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: scroll;
  height: 22px;
}

div#menuGauche
{
  float: left;
  margin-left: 20px;
  width: 107px;
  text-align: center;
}

div#menuDroite
{
  float: right;
  margin-right: 20px;
  width: 107px;
  text-align: center;
}

div#textes
{
  width: 516px;
  margin-left: 127px;
  background-color: #FFFFFF;
  background-repeat: repeat;
  background-position: 0 0;
  background-attachment: scroll;
  padding: 15px;
  position: relative;
}

div#footer
{
  position: absolute;
  width: 546px;
  bottom: 0px;
  margin-bottom: 8px;
  left: 127px;
  background-color: #FFFFFF;
  visibility: visible;
  display: block;
}

div#onglets
{
  height: 35px;
  margin-top: 3px;
  display: block;
  white-space: pre;
  text-align: center;
}

div#diaporama
{
  margin-left: 8px;
  margin-top: 65px;
  margin-bottom: 65px;
}

div#ProchainPot
{
  overflow: hidden;
  min-height: 100%;
  background-color: #FFE3A9;
  padding-left: 18px;
  position: relative;
}

div#historiquePots
{
  background-color:#FFE3A9;
  padding: 15px;
  position: relative;
}

div#carteSite
{
  background-color:#D6D6CB;
  padding: 5px;
  padding-left: 15px;
  position: relative;
  min-height: 100%;
  overflow: hidden;
  overflow-y: hidden;
}

div#employeur2008
{
  padding: 15px;
  background-color:#EDEDE0;
}

a        { text-decoration: none;      color: blue; }
a:hover  { text-decoration: underline; color: red;  }
a:active { outline: none; }

h1 { text-decoration: none; text-indent:  0px; font-style: normal; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 24px; color: black; margin-top:  0px; margin-bottom: 16px; }
h2 { text-decoration: none; text-indent:  0px; font-style: normal; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 21px; color: black; margin-top: 16px; margin-bottom: 16px; }
h3 { text-decoration: none; text-indent:  0px; font-style: normal; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 18px; color: black; margin-top:  0px; margin-bottom: 16px; }
h4 { text-decoration: none; text-indent:  0px; font-style: normal; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 15px; color: black; margin-top:  0px; margin-bottom: 16px; }
h5 { text-decoration: none; text-indent:  0px; font-style: italic; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 13px; color: black; margin-top:  0px; margin-bottom: 16px; }
h6 { text-decoration: none; text-indent:  0px; font-style: normal; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 12px; color: black; margin-top:  0px; margin-bottom:  8px; }

p { margin-top: 0px; margin-bottom: 16px; }

.interligne1             { line-height: 21px; }

.liste_sans_marge        { margin-top: 0px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; padding-left: 16px; text-align: justify; }
.liste_avec_marge_gauche { margin-top: 0px; margin-right: 0px; margin-bottom: 16px; margin-left: 8px; padding-left: 16px; text-align: justify; }
.sous_liste              { margin-bottom : 0px; }
.liste_chiffres          { list-style-type: decimal; }
.liste_puces             { list-style-type: disc; }
.liste_lettres_min       { list-style-type: lower-alpha; }
.liste_lettres_maj       { list-style-type: upper-alpha; }

.li_double        { margin-bottom: 16px; }
.li_medium_double { margin-bottom: 12px; }
.li_medium        { margin-bottom:  8px; }
.li_simple_medium { margin-bottom:  4px; }
.li_simple        { margin-bottom:  0px; }

.vspace_double        { margin-top: 16px; }
.vspace_medium_double { margin-top: 12px; }
.vspace_medium        { margin-top:  8px; }
.vspace_simple_medium { margin-top:  4px; }
.vspace_simple        { margin-top:  0px; }

.separateur { width: 100% }

.indente      { text-indent: 24px; }
.citation     { margin-top: 0px; margin-right: 24px; margin-left: 24px; padding: 0px; font-style: italic; }
.sommaire_sondage { margin-right: 24px; margin-left: 24px; padding: 0px; }
.justifie     { text-align: justify; }
.pas_justifie { text-align: left; }
.align_gauche { text-align: left; }
.align_centre { text-align: center; }
.align_droite { text-align: right; }
.align_top    { vertical-align: top; }
.align_bottom { vertical-align: bottom; }

.cache { visibility: hidden }

.description_en_retrait { margin-left: 10px; position: absolute; }

.texteEmail   { width: 510px; height:  84px; overflow: auto; }
.lieuChemin   { width: 245px; height:  84px; overflow: auto; }
.commentaire  { width: 470px; height:  67px; }
.gros_comment { width: 470px; height: 132px; }
.input1ligne  { width: 510px; height:  16px; }
.corpsAnnonce { width: 510px; height: 195px; }
.ligneEmploi          { width: 407px; height:  16px; vertical-align: middle; }
.corpsAnnonceEmploi   { width: 407px; height: 195px; }
.ligneEmploiContact   { width: 320px; height:  16px; }
.adresseEmploiContact { width: 320px; height:  64px; }
.listeEmploi          { height: 22px; vertical-align: middle; }

.text           { font-family: Arial,   Geneva, Helvetica, sans-serif; color: black;   font-size: 13px; text-align: justify; }
.text_gauche    { font-family: Arial,   Geneva, Helvetica, sans-serif; color: black;   font-size: 13px; text-align: left; }
.text_centre    { font-family: Arial,   Geneva, Helvetica, sans-serif; color: black;   font-size: 13px; text-align: center; }
.publicite      { font-family: Arial,   Geneva, Helvetica, sans-serif; color: white;   font-size: 13px; text-align: center; }
.accueil        { font-family: Arial,   Geneva, Helvetica, sans-serif; color: black;   font-size: 13px; text-align: justify; line-height: 21px; margin-right: 8px; }
.copyright      { font-family: Arial,   Geneva, Helvetica, sans-serif; color: black;   font-size: 11px; text-align: center; margin-top: 8px; margin-bottom: 8px; }
.titre_section  { font-family: Verdana, Geneva, Helvetica, sans-serif; color: white;   font-size: 18px; font-style: normal; font-weight:bold; line-height: normal; text-align:center; }
.minitext       { font-family: Arial,   Geneva, Helvetica, sans-serif; color: black;   font-size: 11px; text-decoration:none; }
.minilink       { font-family: Arial,   Geneva, Helvetica, sans-serif; color: blue;    font-size: 11px; text-decoration:none; }
.msg_erreur     { font-family: Arial,   Geneva, Helvetica, sans-serif; color: #3333CC; font-size: 13px; background-color: yellow; text-decoration:none; font-weight:bold; line-height: 21px; }
.note           { font-family: Arial,   Geneva, Helvetica, sans-serif; color: black;   font-size: 13px; font-style: italic; }
.onglet_courant { text-decoration: underline; }

.gras            { font-weight: bold; }
.ital            { font-style: italic; }
.souligne        { text-decoration: underline; }
.barre           { text-decoration: line-through; }
.lien_commercial { font-weight: bold; }

.col_gauche_emploi  { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; background-color: #FFDCB5; font-size: 13px; text-align:left; font-weight: bold; }
.col_droite_emploi  { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; background-color: #FFE4D0; font-size: 13px; text-align:left; font-weight: normal; }
.col_gauche_annonce { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; background-color: #FFDCB5; font-size: 13px; text-align:left; font-weight: bold; }
.col_droite_annonce { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; background-color: #FFE4D0; font-size: 13px; text-align:left; font-weight: normal; }
.titre_annonce      { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; background-color: #FFFFFF; font-size: 13px; text-align:center; font-weight: bold; }

.item_form { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; background-color: white; font-size: 13px; text-align:left; font-weight: normal; border-style: inset; border-width: thin; border-color: #dbdfe6; }

.en_tete_tab_emploi     { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; font-size: 13px; font-weight:bold;  background-color: #3333CC; text-align:center; color: #FFFFFF; }
.date_tab_emploi_1      { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; font-size: 13px; text-align:center; background-color: #F0F0F0; }
.date_tab_emploi_2      { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; font-size: 13px; text-align:center; background-color: #E4E4E4; }
.titre_tab_emploi_1     { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; font-size: 13px; text-align:left;   background-color: #F0F0F0; text-indent:3px; }
.titre_tab_emploi_2     { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; font-size: 13px; text-align:left;   background-color: #E4E4E4; text-indent:3px; }
.date_tab_emploi_hover  { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; font-size: 13px; text-align:center; background-color: yellow; }
.titre_tab_emploi_hover { font-family: Arial, Geneva, Helvetica, sans-serif; color: black; font-size: 13px; text-align:left;   background-color: yellow; text-indent:3px; }

.tab_sondage_2008 { border-width: 1px; border-spacing: 0px; border-style: outset; border-color: gray; border-collapse: separate; background-color: white; }
.cel_sondage_2008 { border-width: 0px; height: 30px; font-family: Arial, Geneva, Helvetica, sans-serif; color: black; font-size: 14px; font-weight: bold; text-align: left; text-decoration: none;  vertical-align: bottom; }

.row_impair { font-family: Arial, Geneva, Helvetica, sans-serif; color: black;   font-size: 13px; background-color: #FFDCB5 }
.row_pair   { font-family: Arial, Geneva, Helvetica, sans-serif; color: black;   font-size: 13px; background-color: #FFE4D0 }
.row_hover  { font-family: Arial, Geneva, Helvetica, sans-serif; color: #F0F0F0; font-size: 13px; background-color: #939CD5 }

.tab_ofii { border: 0px; border-spacing: 12px; }
.cel_ofii { vertical-align: top; }

.img_accueil           { float: left; margin-top:  2px; margin-right: 15px; margin-bottom: 20px; margin-left:  8px; border: 0px; }
.img_activites         { float: left; margin-top: 15px; margin-right: 15px; margin-bottom: 10px; margin-left:  0px; border: 0px; }
.img_affaires          { float: left; margin-top:  0px; margin-right: 15px; margin-bottom: 10px; margin-left:  0px; border: 0px; }
.img_astuces           { float: left; margin-top:  2px; margin-right: 15px; margin-bottom: 15px; margin-left:  0px; border: 0px; }
.img_avantages         { float: left; margin-top:  0px; margin-right: 15px; margin-bottom: 15px; margin-left:  0px; border: 0px; }
.img_avion             { float: left; margin-top:  2px; margin-right: 15px; margin-bottom: 15px; margin-left:  0px; border: 0px; }
.img_banques           { float: left; margin-top:  0px; margin-right: 15px; margin-bottom:  0px; margin-left:  0px; border: 0px; }
.img_calendrier        { float: left; margin-top:  5px; margin-right: 15px; margin-bottom: 15px; margin-left:  0px; border: 0px; }
.img_carte_site        { float: left; margin-top:  0px; margin-right:  0px; margin-bottom:  0px; margin-left: 35px; border: 0px; }
.img_cle_anglaise      { float:right; margin-top:  0px; margin-right: 35px; margin-bottom:  0px; margin-left:  0px; border: 0px; }
.img_chomeur           { float: left; margin-top:  0px; margin-right: 12px; margin-bottom: 10px; margin-left:  0px; border: 0px; }
.img_conditions        { float: left; margin-top:  0px; margin-right: 12px; margin-bottom: 10px; margin-left:  0px; border: 0px; }
.img_courriel          { float: none; margin-top: 18px; margin-right:  0px; margin-bottom:  0px; margin-left:  0px; border: 0px; }
.img_don               { float: none; margin-top: 17px; margin-right:  0px; margin-bottom:  0px; margin-left:  0px; border: 0px; }
.img_ententes          { float: left; margin-top:  2px; margin-right: 15px; margin-bottom: 15px; margin-left:  0px; border: 0px; }
.img_etapes            { float: left; margin-top:  0px; margin-right: 15px; margin-bottom: 15px; margin-left:  0px; border: 0px; }
.img_etudes            { float: left; margin-top:  0px; margin-right: 15px; margin-bottom: 15px; margin-left:  0px; border: 0px; }
.img_impots            { float: left; margin-top:  2px; margin-right: 15px; margin-bottom: 15px; margin-left:  0px; border: 0px; }
.img_logement          { float: left; margin-top:  7px; margin-right: 15px; margin-bottom: 15px; margin-left:  0px; border: 0px; }
.img_mobilite_prof     { float: left; margin-top:  0px; margin-right: 15px; margin-bottom: 15px; margin-left:  0px; border: 0px; }
.img_secu              { float: left; margin-top:  0px; margin-right: 12px; margin-bottom:  0px; margin-left:  0px; border: 0px; }
.img_telephone         { float: left; margin-top:  0px; margin-right: 12px; margin-bottom:  0px; margin-left:  0px; border: 0px; }
.img_tel_centre        { float: none; margin-top:  5px; margin-right:  5px; margin-bottom:  5px; margin-left:  5px; border: 0px; }
.img_tel_prise_gigogne { float: none; margin-top: 15px; margin-right:  0px; margin-bottom: 15px; margin-left: 30px; border: 0px; }
.img_tel_prise_murale  { float: none; margin-top: 15px; margin-right:  0px; margin-bottom: 15px; margin-left: 30px; border: 0px; }
.img_vacances          { float: left; margin-top:  2px; margin-right: 15px; margin-bottom: 15px; margin-left:  0px; border: 0px; }
.img_sherweb           { float: none; margin-top: 18px; margin-right:  0px; margin-bottom:  0px; margin-left:  0px; border: 0px; }
.img_w3c               { float: none; margin-top: 17px; margin-right:  0px; margin-bottom:  0px; margin-left:  5px; border: 0px; }
.img_anim_pot          { float: none; margin-top: 18px; margin-right:  0px; margin-bottom:  0px; margin-left:  0px; border: 0px; }
.img_smiley            { float: none; margin-top:  0px; margin-right:  5px; margin-bottom:  0px; margin-left:  5px; border: 0px; vertical-align: top; }
.img_join_yahoo        { float: none; margin-top:  0px; margin-right:  0px; margin-bottom:  0px; margin-left: 10px; border: 0px; vertical-align: middle; }

.img_biere             { float: none; position: absolute; top: 90px; left: 280px; border: 0px; }

.img_noel_queb         { float: none; border: 0px; }

.photo_accueil         { float: none; border: 0px; vertical-align: middle; text-align: center; display: block; }

.slide { width: 500px; height: 500px; border: 0px; background-color: #FFFFFF; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; }
.slide img { display: block; margin: auto; }