/* Fait par FGI enr. (www.fgi.ca) */ 
/* pour le site web FGI */
/* .pages > .sections et .section > .pages */ 
/* .groupe > #groupe */ 

ul.sections {
  margin-left: 0;
  margin-bottom: 0;
}
ul.sections li {
  display: inline;
}
.sections {
  padding: 4px;
  border-bottom: 1px #030 solid;
  font-size: 9pt;
}
.sections #groupe {
  padding: 4px 8px 4px 4px;
}
.sections .rubrique {
  margin-right: 4px;
}
.sections .rubrique a {
  padding: 4px 6px 4px 6px;
  color: #003;
  background-color: #eee;
  border: 1px #030 solid;
}
.sections .rubrique i {
  padding: 4px 6px 4px 6px;
  color: #002;
  background-color: #fff;
  border-top: 1px #030 solid;
  border-left: 1px #030 solid;
  border-right: 1px #030 solid;
  border-bottom: 1px #fff solid;
}
.sections .rubrique a:visited {
  padding: 4px 6px 4px 6px;
  color: #336;
  background-color: #eee;
  border: 1px #030 solid;
}
.sections .rubrique a:hover {
  padding: 4px 6px 4px 6px;
  color: #00c;
  background-color: #fff;
  border: 1px #00f solid;
}
ul.pages {
  margin-top: 0;
  margin-left: 0;
}
ul.pages li {
  display: inline;
}
.pages {
  padding: 8px 4px 2px 4px;
  margin-bottom: 6px;
  border-width: 0px 1px 1px 1px;
  border-color: #030;
  border-style: solid;
  color: #002;
  background-color: #fff;
  font-family: Arial,Helvetica,Sans-serif;
  font-size: 9pt;
}
.pages .sujet a {
  margin-right: 4px;
  padding: 2px 6px 2px 6px;
  color: #003;
  background-color: #eee;
  border: 1px #030 solid;
}
.pages .sujet a:visited {
  color: #336;
  background-color: #eee;
  border: 1px #030 solid;
}
.pages .sujet a:hover {
  color: #00c;
  background-color: #fff;
  border: 1px #00f solid;
}
.pages .sujet i {
  margin-right: 4px;
  padding: 2px 6px 2px 6px;
  color: #000;
  background-color: #fff;
  border-top: 1px #030 solid;
  border-left: 1px #030 solid;
  border-right: 1px #030 solid;
  border-bottom: 1px #fff solid;
}
ul.coordonnees {
  font-style: italic;
  padding-left: 0;
  margin-left: 12px;
  list-style-type: none;
}
/* nouveau code ci-dessus */ 

h1,h3,h4,ul,label,tt {
  color: #000;
  background-color: transparent;
}
h3.article,label {
  padding-top: 6pt;
}
p,.g,.dr,.cntr,ol,p.article {
  color: #010;
  background-color: transparent;
}
#marge ul {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none;
}
.lien,.lform,.ldell,.ici,.lbvel,.encart,
tr.rubrique,.contour,.cadre,.navigation {
  border: 1px #131 solid;
}
.lien,.lform,.ldell,.ici,.lbvel,
tr.rubrique,.contour,.cadre,#panneau,
.commentaire {
  padding: 4px;
  margin-bottom: 6px;
}
.navigation,.cadre,table.lien {
  margin-top: 6pt;
}
.lien,tr.rubrique,.navigation {
  color: #002;
  background-color: #eee;
}
li.lien:hover,li.lform:hover,li.ldell:hover,
li.ici:hover,li.lbvel:hover,div.portail:hover,
tr.rubrique:hover {
  color: #000;
  border-color: #00f;
  background-color: #fff;
}
h1,h2,h3,h4,.slogan,address,.site,.comp {
  font-family: 'Century Schoolbook',Palatino,'Times New Roman',Times,Serif;
}
table,.lien0,.lien,.lform,.ldell,.ici,.lbvel,
#note,.rech_av,ol,ul,.nom,label,tr.rubrique,
p.article,#panneau,.navigation,.commentaire {
  font-family: Arial,Helvetica,Sans-serif;
}
p,.g,.dr,.cntr,td.souligner,.def {
  font-family: Verdana,Geneva,Arial,Helvetica,Sans-serif;
}
#note,.rech_av,.mini {
  font-size: 7pt;
}
table,.pti,#panneau,.commentaire {
  font-size: 8pt;
}
p,.g,.dr,.cntr,.lien0,.lien,.lform,.ldell,.ici,
.lbvel,address,.categ,ul,label,
tr.rubrique,ol,tt,.navigation {
  font-size: 9pt;
}
h4,h1.t_fen {
  font-size: 10pt;
}
h3 {
  font-size: 11pt;
}
h2,.site,.slogan {
  font-size: 12pt;
}
h1,h2,h3,label,.categ {
  font-weight: bold;
}
h1,acronym.nom,.slogan,#note {
  font-style: italic;
}
h1,h2,h3,h4,.cntr,address,.contact,.lien,
.lform,.ldell,.ici,.lbvel,.rech_av,#panneau {
  text-align: center;
}
p,.portail {
  text-align: justify;
}
acronym,abbr {
  text-decoration: none;
  cursor: help;
}

/* Fin des groupes */ 

.verte {
  background-image: url(objets/fgifnd.gif);
  background-attachment: scroll;
  background-repeat: repeat;
}
.blanche {
  margin-left: 5%;
  margin-right: 5%;
  background-image: url(http://www.fgagnon.com/fndlogo.jpg);
  background-attachment: fixed;
  background-repeat: repeat;
}
.imprime {
  margin: 5%;
}
.grise {
  margin-left: 40px;
  margin-right: 40px;
}
h1 {
  font-size: 16pt;
  background-image: url(objets/cadreur.gif);
  padding-top: 4px;
}
h1.t_fen {
  font-style: normal;
}
h1.intro {
  background-image: none;
}
h2 {
  color: #020;
  background-color: #fff;
  border-width: 1px 0px 1px 0px;
  border-color: #464;
  border-style: solid;
  clear: both;
}
h3 {
  background-image: url(objets/titre.gif);
}
h3#menu {
  background-image: url(objets/titre2.gif);
}
h3.article {
  background-image: none;
  text-align: left;
  text-decoration: underline;
}
h3.ftx {
  margin-right: 50%;
  border-bottom: 1px #fff dashed;
}
caption h3 {
  margin-bottom: 0;
}
h4 {
  width: 50%;
  font-weight: bold;
  border-width: 1px 0 0 0;
  border-color: #090;
  border-style: solid;
  margin: 12pt 0 6pt 0;
}
li {
  margin-bottom: 2pt;
}
sup {
  font-size: smaller;
  vertical-align: top;
}
acronym.nom {
  color: #000060;
  font-weight: 600;
  background-color: transparent;
  letter-spacing: 2px;
}
em {
  color: #044;
  font-weight: 600;
  background-color: transparent;
}
strong {
  color: #000;
  font-weight: 700;
  background-color: #eee;
}
address {
  color: #eee;
  background-color: transparent;
  margin: 12pt
}
tt {
  font-family: 'Courier New', Courier, Monospace;
}
b {
  color: #030;
  background-color: transparent;
}
a:link {
  color: #008;
  background-color: transparent;
}
a:visited {
  color: #004;
  background-color: transparent;
}
a:hover {
  color: #00f;
  background-color: transparent;
}
a:active {
  color: #080;
  background-color: transparent;
}
cite {
  color: #000;
  display: block;
}
cite:before {
  content: "«";
}
cite:after {
  content: "»";
}
#panneau,.commentaire { 
  color: #020;
  margin-left: 8pt;
  position: relative;
  display: block;
  float: right;
}
#panneau {
  background: #eee url(objets/panneau.png) repeat-y;
  width: 100px;
  border: 1px #bdb solid;
}
.commentaire {
  background: #fff url(objets/commentaire.png) repeat-y;
  width: 150px;
  border: 3px #bdb double;
}
#panneau hr {
  text-align: center;
  height: 1px;
  width: 95%;
  color: #cccccc;
}
#moniteur { 
  width: 140px;
  position: relative;
  color: #002000;
  background-color: #f8fcf8;
  font-family: Arial,Helvetica,Sans-serif;
  font-size: 7pt;
  text-align: center;
  padding: 4px;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
  margin-left: 8pt;
  margin-bottom: 6px;
  display: block;
  float: right;
}
#moniteur b {
  font-weight: bold;
  font-size: 9pt;
}
#moniteur hr {
  align: center;
  height: 1px;
  width: 95%;
  color: #cccccc;
}
#moniteur a {
  line-height: 1.5;
}
#moniteur a:hover {
  color: #0000ff;
  background-color: #ffffff;
}
#note,.rech_av {
  color: #444;
  background-color: transparent;
}
#index {
  margin-right: 15%;
  margin-left: 15%;
}
#index h3 {
  margin-bottom: 0;
}
#index ul {
  color: #030;
  margin-top: 3pt;
  margin-bottom: 12pt;
  list-style-type: square;
}
.cadre {
  margin-top: 6px;
  margin-left: 6px;
  margin-right: 6px;
  background-image: url(externe/quadrille.gif);
  background-attachment: fixed;
  background-repeat: repeat;
}
.fnd_xmp {
  background-image: url(exemples/fgi0f.gif);
  background-attachment: scroll;
  background-repeat: repeat;
}
.haut_xmp {
  background-image: url(exemples/fgi0h.gif);
  background-attachment: scroll;
  background-repeat: repeat;
}
.bas_xmp {
  background-image: url(exemples/fgi0b.gif);
  background-attachment: scroll;
  background-repeat: repeat;
}
.gauche_xmp {
  background-image: url(exemples/fgi0g.gif);
  background-attachment: scroll;
  background-repeat: repeat;
}
.droite_xmp {
  background-image: url(exemples/fgi0d.gif);
  background-attachment: scroll;
  background-repeat: repeat;
}
.ftx {
  color: #000;
  background-image: none;
  background-color: transparent;
}
.g {
  text-align: left;
}
.slogan {
  color: #020;
  text-align: center;
  background-color: transparent;
}
.surl {
  color: #000;
  background-color: #ff0;
}
.bleu {
  color: #008;
  background-color: transparent;
}
.dr {
  text-align: right;
}
.remarque, rem {
  display: none;
}
.nb {
  color: #c00;
  background-color: transparent;
}
.source {
  font-weight: bold;
  font-size: smaller;
  text-align: left;
}
.source:before {
  content: "- ";
}
a.acces:link {
  color: #f0fff0;
  background-color: transparent;
}
a.acces:visited {
  color: #eee;
  background-color: transparent;
}
a.acces:hover {
  color: #ff0;
  background-color: transparent;
}
a.acces:active {
  color: #080;
  background-color: transparent;
}
input:focus, select:focus, textarea:focus {
  color: #000;
  background-color: #f4fdf4;
}
.lform {
  color: #002;
  background-color: #d8f0d8;
}
.ldell {
  color: #002;
  background-color: #e0e0f8;
  display: none;
}
.lbvel {
  color: #002;
  background-color: #e8e8c0;
}
.ici {
  color: #002;
  background-color: #c0c0c0;
}
.micro {
  font-size: 6pt;
}
.nano {
  font-size: 5pt;
}
.complement {
  border-bottom: 1px dotted;
  cursor: help;
}
a.explication {
  text-decoration: none;
}
.navigation {
  padding: 2px 4px 2px 4px;
}
.probleme {
  font: 9pt Arial,Helvetica,Sans-serif;
  color: #000;
  background-color: #eee;
  margin: 0 0 4px 0;
  padding: 4px;
  border: 1px #f00 solid;
}
body.navigation_exemples {
  margin: 0 0 0 0;
  padding: 10px;
  border: 3px #00ff00 solid; 
  color: #fff;
  background-color: #060;
  background-image: url(objets/fgifnd.gif);
}
.navigation_exemples td.lien {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 14px;
  padding: 0 10px 0 10px;
  border: none; 
  color: #000;
  background-color: #fff;
}
.bouton {
  text-align: center;
  margin: 12pt 0 12pt 0;
}
.photo {
  text-align: center;
}
#logo {
  text-align: center;
  margin: 12pt 0 0 0;
}
#marge #logo {
  text-align: center;
  margin: 0 0 6pt 0;
}
#marge #recherche {
  
}
table#exemples {
  margin: 6pt 3% 6pt 3%;
  width: 94%;
}
#exemples td {
  background-image: url(objets/exemples.png);
  padding: 2pt;
  border: 1px solid #363;
  width: 50%;
  empty-cells: hide;
}
#exemples img {
  border: 0;
/*   width: 38px;
  height: 36px; */ 

  float: left;
}
#exemples img[width] {
  padding-right: 4px;
}
#exemples h3 {
  font-size: 8pt;
  text-align: left;
  background-image: none;
  margin: 0;
}
#exemples div {
  color: #333;
  background-color: transparent;
  font-size: 8pt;
  font-style: italic;
}
#exemples ul {
  margin-top: 0;
  margin-bottom: 0;
}
#exemples select {
  color: #009;
  border: 1px #9c9 solid;
}
table#exemples a:hover,table#exemples a:hover h3 {
  color: #00f;
}
table#exemples a:hover {
  background-color: #fff;
}
div.gauche {
  width: 47%;
  position: relative;
  display: block;
  float: left;
}
div.droite {
  width: 47%;
  position: relative;
  display: block;
  float: right;
}
br.gardien {
  margin-top: 0;
  clear: both;
}
div.demonstration {
  font: bold 8pt Arial,Helvetica,Sans-serif;
  text-align: right;
  margin-bottom: 12pt;
}
div.demonstration span {
  color: #020;
  background: #eee url(objets/panneau.png) repeat;
  padding: 4px;
  border: 1px #bdb solid;
}
div.demonstration span a:after {
  content: url(images/pointe2.gif);
}
table.pratiques {
  color: #000;
  background: #eee url(objets/panneau.png) repeat;
  font: 10pt Arial,Helvetica,Sans-serif;
  border: 1px #bdb solid;
  margin: 12pt 5% 12pt 5%;
  width: 90%;
  table-layout: auto;
}
td.avant {
  text-align: left;
  padding: 3pt 0 3pt 6pt;
  width: 40%;
}
td.haut {
  text-align: center;
  width: 20%;
}
td.apres {
  text-align: right;
  padding: 3pt 6pt 3pt 0;
  width: 40%;
}
.temoignages {
  font-size: 10pt;
}


/* (c) 2010  FGI enr. Tous droits réservés */