@charset "utf-8";
/* CSS Document */

/* Structure générale
----------------------------------------------- */

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 80%;
  background: #deded9 url(http://www.martinblais.ca/images/fond_page_inv.gif) repeat-x left top;
  /* background: #f6f6f5 url(http://www.martinblais.ca/images/fond_page_inv.gif) repeat-x left bottom; */
  /* background: #e1e1e1; */
}

#page {
  width: 770px;
  background: #fff;
  margin: 0 auto;
  padding: 0;
}

#centre-deg-haut {
  width: 100%;
  background: url(http://www.martinblais.ca/images/degrade_haut.gif) repeat-x left top;
}

#centre-deg-bas {
  width: 100%;
  background: url(http://www.martinblais.ca/images/degrade_bas.gif) repeat-x left bottom;
}

#centre {
  width: 100%;
  padding: 20px 0 40px 0;
  background: url(http://www.martinblais.ca/images/pixel_ccc.gif) repeat-y 220px top;
}

.clear{
	height: 0;
	width: 0;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}


/* Entête
----------------------------------------------- */

#entete {
  position: relative;
  height: 106px;
  background: url(http://www.martinblais.ca/images/header.gif) no-repeat;
  border-bottom: 2px solid #cccdcd;

}

#logo {
  position: absolute;
  top: 66px;
  left: 195px;
  width: 420px;
  height: 109px;
 /* background: url(http://www.martinblais.ca/images/logo.gif) top left no-repeat;*/
  margin: 0;
  padding: 0;
}

#logo a {
  display: block;
  width: 420px;
  height: 109px;
  overflow: hidden;
  font-size: 1px;
  text-indent: -9999px;
}

#entete ul {
  position: relative;
  margin: 0;
  padding: 0;
}

#entete ul li {
  position: absolute;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

#entete ul li a {
  display: block;
  text-indent: -9999px;
  text-decoration: none;
}

#entete li.skip { display: none; }
#entete li.accueil { left: 0px; top: 0px; width: 74px; height: 48px; }
#entete li.fondation { left: 0px; top: 50px; width: 125px; height: 56px; }
#entete li.nouvelles { left: 125px; top: 0px; width: 174px; height: 60px; }
#entete li.infos { left: 299px; top: 0px; width: 116px; height: 46px; }
#entete li.faq { left: 415px; top: 0px; width: 46px; height: 46px; }
#entete li.ressources { left: 461px; top: 0px; width: 99px; height: 56px; }
#entete li.blogue { left: 560px; top: 0px; width: 63px; height: 66px; }
#entete li.benevolat { left: 623px; top: 0px; width: 83px; height: 76px; }
#entete li.dons { left: 706px; top: 0px; width: 63px; height: 86px; }

#entete li.accueil a { height: 48px; }
#entete li.fondation a { height: 56px; }
#entete li.nouvelles a { height: 60px; }
#entete li.infos a { height: 46px; }
#entete li.faq a { height: 46px; }
#entete li.ressources a { height: 56px; }
#entete li.blogue a { height: 66px; }
#entete li.benevolat a { height: 76px; }
#entete li.dons a { height: 86px; }

/* #apropos li.apropos a { height: 86px; background: url(http://www.fleuristestbruno.com/fr/images/entete_qui_sommes_nous_blanc.gif) no-repeat; } */

#entete li.fondation a.select { background: url(http://www.fleuristestbruno.com/fr/images/entete_fondation_blanc.gif) no-repeat left bottom; }
#entete li.nouvelles a.select { background: url(http://www.fleuristestbruno.com/fr/images/entete_nouvelles_blanc.gif) no-repeat; }
#entete li.infos a.select { background: url(http://www.fleuristestbruno.com/fr/images/entete_informez_vous_blanc.gif) no-repeat; }
#entete li.faq a.select { background: url(http://www.fleuristestbruno.com/fr/images/entete_faq_blanc.gif) no-repeat; }
#entete li.ressources a.select { background: url(http://www.fleuristestbruno.com/fr/images/entete_ressources_blanc.gif) no-repeat; }
#entete li.blogue a.select { background: url(http://www.fleuristestbruno.com/fr/images/entete_blogue_blanc.gif) no-repeat; }
#entete li.benevolat a.select { background: url(http://www.fleuristestbruno.com/fr/images/entete_benevolat_blanc.gif) no-repeat; }
#entete li.dons a.select { background: url(http://www.fleuristestbruno.com/fr/images/entete_dons_blanc.gif) no-repeat; }

#entete ul li.fondation a:hover { width: 125px; height: 56px; background: url(http://www.fleuristestbruno.com/fr/images/entete_fondation_blanc.gif) no-repeat left bottom; }
#entete ul li.nouvelles a:hover { width: 174px; height: 60px; background: url(http://www.fleuristestbruno.com/fr/images/entete_nouvelles_blanc.gif) no-repeat; }
#entete ul li.infos a:hover { width: 116px; height: 46px; background: url(http://www.fleuristestbruno.com/fr/images/entete_informez_vous_blanc.gif) no-repeat; }
#entete ul li.faq a:hover { width: 46px; height: 46px; background: url(http://www.fleuristestbruno.com/fr/images/entete_faq_blanc.gif) no-repeat; }
#entete ul li.ressources a:hover { width: 99px; height: 56px; background: url(http://www.fleuristestbruno.com/fr/images/entete_ressources_blanc.gif) no-repeat; }
#entete ul li.blogue a:hover { width: 63px; height: 66px; background: url(http://www.fleuristestbruno.com/fr/images/entete_blogue_blanc.gif) no-repeat; }
#entete ul li.benevolat a:hover { width: 83px; height: 76px; background: url(http://www.fleuristestbruno.com/fr/images/entete_benevolat_blanc.gif) no-repeat; }
#entete ul li.dons a:hover { width: 64px; height: 86px; background: url(http://www.fleuristestbruno.com/fr/images/entete_dons_blanc.gif) no-repeat; }


/* Navigation
----------------------------------------------- */

#navigation {
  float: left;
  width: 200px;
  margin-left: 20px;
  padding: 0;
  display: inline;
}

#menu {
  padding: 0;
  margin: 0;
}

#menu h2 { margin: 0px; font-size: 180%; font-family: "Lucida Sans Unicode"; font-weight: normal; color: #000000; }

#menu ul { margin: 0 0 10px 0; padding: 5px 5px 2px 0; list-style-type: none; border-bottom: 2px solid #cccdcd; }
#menu ul li { border-top: 1px dotted #cccdcd; }
#menu ul li.premier { border: none; }
#menu ul li { padding: 5px 5px 5px 2px; }
#menu ul li a { display: block; color: #000; }
* html #menu ul li a { height: 1%; }
#menu ul li a.select { color: #000; font-weight: bold; }
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active { text-decoration: none; color:#666666; }
#menu ul li a:hover { text-decoration: underline; color: #FF0000; }


#don {
  padding: 0;
/*  padding: 5px 0 15px 0;*/
  border-bottom: 2px solid #cccdcd;
  /* text-align: center; */
  margin-bottom: 10px;
}
#don a:link, #don a:visited, #don a:active { text-decoration: none; color:#000000; }
#don a:hover { text-decoration: underline; color: #FF0000; }

#don-accueil {
  padding: 0 0 15px 0;
  border-bottom: 2px solid #cccdcd;
  margin-bottom: 10px;
}

#don img, #don-accueil img {
  border: 0;
  padding-left: 20px;
}



/* Contenu
----------------------------------------------- */

#contenu {
  float: left;
  width: 550px;
  margin: 0;
  padding: 0;
}

#texte {
  padding: 0 20px;
  overflow: hidden;
}

#texte a:link, #texte a:visited, #texte a:active { text-decoration: none; color:#000000; }
#texte a:hover { text-decoration: underline; border-left: #FFFFFF solid 8px; border-bottom:0; border-top:0;}


#texte h1 { margin-top: 0px; font-size: 180%; font-family: "Lucida Sans Unicode"; font-weight: normal; color: #cd600d; }
#texte h2 { margin-top: 0px; font-size: 130%; font-family: "Lucida Sans Unicode"; font-weight: normal; color: #000; }

#texte table.donnees { border-collapse: collapse; }
#texte table.donnees caption { font-weight: bold; color: #000; text-align: left; padding-bottom: 3px;}
#texte table.donnees th, #texte table.donnees td { border: 1px solid #888; padding: 3px 6px; text-align: left; vertical-align: top; }
#texte table.donnees .cellTitre {	background-color: #888;	color: #fff; }
#texte table.donnees .cellPaire {	background-color: #fff;	color: #000; }
#texte table.donnees .cellImpaire {	background-color: #eee;	color: #000; }
#texte table.donnees .cellNum { text-align: right; }

#texte .petit {
  font-size: 85%;
}

dl.conseil {
  width: 400px;
  margin: 0;
  padding: 0;
}
dl.conseil dt {
  font-weight: bold;
  margin: 0 0 0 110px;
  padding: 20px 0 0 0;
}
dl.conseil dt.image {
  clear: both;
  float: left;
  width: 100px;
  margin: 0;
}
dl.conseil dd {
  margin: 0 0 0 110px;
  padding: 0;
}
dl.conseil dd.dernier:after {
  content: '.';
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

dl.calendrier {
  width: 480px;
  margin: 0;
  padding: 0;
  border-bottom: 1px dashed #cccdcd;
}
dl.calendrier dt {
  float: left;
  width: 130px;
  border-top: 1px dashed #cccdcd;
  font-weight: bold;
  margin: 0;
  padding: 10px 0;
}
dl.calendrier dd {
  margin: 0 0 0 130px;
  padding: 0 0 10px 0;
}
dl.calendrier dd.premier {
  border-top: 1px dashed #cccdcd;
  padding: 10px 0;
}

dl.ressources {
  width: 510px;
  margin: 0;
  padding: 0;
}
dl.ressources dt {
  font-weight: bold;
  margin: 0 0 0 121px;
  padding: 24px 0 0 0;
}
dl.ressources dt.image {
  clear: both;
  float: left;
  width: 111px;
  margin: 0;
}
dl.ressources dt img {
  border: 1px solid #000;
}
dl.ressources dd {
  margin: 0 0 0 121px;
  padding: 0;
}
dl.ressources dd:after {
  content: '.';
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

ul.faq {
  margin-left: 0;
  padding-left: 26px;
  list-style-type: decimal;
}
dl.faq {
  margin: 0;
  padding: 10px 0 0 0;
}
dl.faq dt {
  font-size: 120%;
  font-family: "Lucida Sans Unicode";
  font-weight: normal;
  margin: 0;
  padding: 10px 0 0 0;
}
dl.faq dd {
  margin: 0 20px 20px 20px;
  padding: 0;
}
dl.faq dd p, dl.faq dd ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
}
dl.faq dd p.retour {
  width: 100%;
  text-align: left;
}



/* Pied de page
----------------------------------------------- */

#pied {
  clear: both;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  background: #fff;
  border-top: 2px solid #cccdcd;
}

#partenaires {
  width: 100%;
  margin: 0;
  padding: 0;
}

#partenaires ul {
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}

#partenaires li {
  margin: 0;
  padding: 0;
  float: left;
  width: 19.5%;
}

#partenaires img {
  border: 0;
}

#liens {
  padding: 10px 0;
  font-size: 95%;
  border-bottom: 2px solid #cccdcd;
}

#liens ul { margin: 0; padding: 0; list-style-type: none; }
#liens ul li { display: inline; padding: 0 5px 0 2px; border-right: 1px solid #000000; }
* html #liens ul li { padding: 0 2px 0 5px; }
*+html #liens ul li { padding: 0 2px 0 5px; }
#liens ul li.dernier { border: none; }
#liens ul li a { white-space: nowrap; color: #000; }
#liens ul li a:link, #liens ul li a:visited, #liens ul li a:active { text-decoration: none; }
#liens ul li a:hover { text-decoration: underline; color: #bbbb83; }


#signature {
  font-size: 85%;
  color: #666;
  background: #deded9;
  margin: 0;
  padding: 2px 0;
}

#signature p {
  margin: 0;
  padding: 10px 0;
}





