/* --------------------------------------------------------
    AOGQ
    www.gynecoquebec.com
    Feuille de style principale
    screen.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

body, table, td, p, div, dd, ul, li, input, textarea, select {
    color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    }
body {
    background-color: #BBBBAC;
    margin: 0;
    padding: 0;
    text-align: center;
    }
h1, h2, h3, h4, h5, h6, ul, li, p, form {
    padding: 0; margin: 0;
    }
h1 {
    position: absolute;
    text-indent: -9999px;
    text-decoration: none;
    width: 235px;
    height: 70px;
    background: url("../images/hdr-logo-aogq.gif") no-repeat;
    }
h1 a:link, h1 a:visited {
    display: block;
    width: 235px;
    height: 70px;
    text-decoration: none;
    }
h3 {
    font-size: 11px;
    margin-bottom: 14px;
    }
h4 {
    font-size: 11px;
    }
h5 {
    font-size: 10px;
    }
p {
    margin: 0 0 14px 0;
    }
ul {
    list-style: none;
    }
a {
    color: #333;
    outline: none;
    }
a:hover {
    color: #000;
    }
img.imgpadding {
    margin: 6px 0 20px 0;
    }
input, textarea {
    color: #000;
    }

/* --------------------------------------------------------
    Header Menu
   -------------------------------------------------------- */

#container {
    background-color: #fff;
    margin: 0 auto;
    text-align: left;
    width: 760px;
    }
#headermenu, #headermenuacc {
    background: url("../images/hdr-bg-01.gif") repeat-x;
    height: 25px;
    }
#headermenu ul, #headermenuacc ul {
    list-style: none;
    padding: 0;
    height: 23px;
    }
#headermenu ul { margin: 0 0 0 544px; }
#headermenuacc ul { margin: 0 0 0 595px; }
#headermenu ul li, #headermenuacc ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    }
#headermenu ul a, #headermenuacc ul a {
    float: left;
    text-indent: -9999px;
    height: 23px;
    text-decoration: none;
    }
#accueil a { width: 51px; background:url("../images/hdr-btn-acc.gif") no-repeat 0 0; }
#coordonnees a { width: 99px; background:url("../images/hdr-btn-coo.gif") no-repeat 0 0; }
#english a { width: 49px; background:url("../images/hdr-btn-en.gif") no-repeat 0 0; }

/* --------------------------------------------------------
    Header Logos
   -------------------------------------------------------- */

#headerlogos {
    background: url("../images/hdr-bg-02.gif") repeat-x;
    height: 70px;
    }
#headerlogos #merck {
    padding-left: 651px;
    }

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

#menu {
    background-color: #F5F5F3;
    border-bottom: 5px solid #FFF200;
    height: 23px;
    }
#s-aogq #menu { border-bottom: 5px solid #559CFF; }
#s-santefemme #menu { border-bottom: 5px solid #C1FF55; }
#s-quoideneuf #menu { border-bottom: 5px solid #FF6633; }
#s-ressources #menu { border-bottom: 5px solid #FF0066; }
#s-membres #menu { border-bottom: 5px solid #08E1E9; }
#s-partenaire #menu { border-bottom: 5px solid #009999; }
#s-coordonnees #menu { border-bottom: 5px solid #F3FA26 }

#s-aogq .aogq a { background-position: bottom right; }
#s-santefemme .santefemme a { background-position: bottom right; }
#s-quoideneuf .quoideneuf a { background-position: bottom right; }
#s-ressources .ressources a { background-position: bottom right; }
#s-membres .membres a { background:url("../images/hdr-nav-mem-on.gif"); }
#s-partenaire .partenaire a { background-position: bottom right; }
#menu ul {
    height: 23px;
    list-style: none;
    }
#menu ul li {
    margin: 0 0 0 -15px;
    line-height: 23px;
    float: left;
    }
#menu ul li.aogq {
    margin: 0;
    }
#menu ul li a {
    height: 23px;
    display: block;
    background-position: top right;
    text-decoration: none;
    }
#menu ul li a span {
    display: none;
    }
#menu ul li a:hover, #menu ul li#current {
    background-position: bottom right;
    }
.aogq       a { width: 72px; background:url("../images/hdr-nav-aog-slide.gif"); }
.santefemme a { width: 146px; background:url("../images/hdr-nav-san-slide.gif"); }
.quoideneuf a { width: 113px; background:url("../images/hdr-nav-quo-slide.gif"); }
.ressources a { width: 112px; background:url("../images/hdr-nav-res-slide.gif"); }
.partenaire a { width: 111px; background:url("../images/hdr-nav-par-slide.gif"); }
.membres    a { width: 142px; background:url("../images/hdr-nav-mem-slide.gif"); }
#sousmenu, #sousmenuvide {
    background-color: #BBBBAC;
    }
#sousmenu ul {
    height: 15px;
    list-style: none;
    }
#sousmenu ul li {
    margin: 0 0 0 -10px;
    line-height: 23px;
    float: left;
    }
#sousmenu ul li a {
    height: 15px;
    display: block;
    background-position: top right;
    text-decoration: none;
    }
#sousmenu ul li a span {
    display: none;
    }
#sousmenu ul li a:hover {
    background-position: bottom right;
    }

#sousmenu ul li.aogmot, #sousmenu ul li.aogmoton { margin: 0; }
.aogmot a { width: 136px; background:url("../images/hdr-nav-aog-mot.gif"); }
.aoghis a { width: 100px; background:url("../images/hdr-nav-aog-his.gif"); }
.aogstr a { width: 100px; background:url("../images/hdr-nav-aog-str.gif"); }
#sousmenu ul li.aogmoton a { width: 136px; background:url("../images/hdr-nav-aog-mot.gif"); background-position: bottom right; }
#sousmenu ul li.aoghison a { width: 100px; background:url("../images/hdr-nav-aog-his.gif"); background-position: bottom right; }
#sousmenu ul li.aogstron a { width: 100px; background:url("../images/hdr-nav-aog-str.gif"); background-position: bottom right; }

#sousmenu ul li.saninf, #sousmenu ul li.saninfon { margin: 0; }
.saninf a { width: 221px; background:url("../images/hdr-nav-san-inf.gif"); }
.sansuj a { width: 137px; background:url("../images/hdr-nav-san-suj.gif"); }
.sanfaq a { width: 58px; background:url("../images/hdr-nav-san-faq.gif"); }
#sousmenu ul li.saninfon a { width: 221px; background:url("../images/hdr-nav-san-inf.gif"); background-position: bottom right; }
#sousmenu ul li.sansujon a { width: 137px; background:url("../images/hdr-nav-san-suj.gif"); background-position: bottom right; }
#sousmenu ul li.sanfaqon a { width: 58px; background:url("../images/hdr-nav-san-faq.gif"); background-position: bottom right; }

#sousmenu ul li.quomes, #sousmenu ul li.quomeson { margin: 0; }
.quomes a { width: 153px; background:url("../images/hdr-nav-quo-mes.gif"); }
.quoarc a { width: 89px; background:url("../images/hdr-nav-quo-arc.gif"); }
#sousmenu ul li.quomeson a { width: 153px; background:url("../images/hdr-nav-quo-mes.gif"); background-position: bottom right; }
#sousmenu ul li.quoarcon a { width: 89px; background:url("../images/hdr-nav-quo-arc.gif"); background-position: bottom right; }

#sousmenu ul li.restro, #sousmenu ul li.restroon { margin: 0; }
.restro a { width: 169px; background:url("../images/hdr-nav-res-tro.gif"); }
.reslie a { width: 130px; background:url("../images/hdr-nav-res-lie.gif"); }
#sousmenu ul li.restroon a { width: 169px; background:url("../images/hdr-nav-res-tro.gif"); background-position: bottom right; }
#sousmenu ul li.reslieon a { width: 130px; background:url("../images/hdr-nav-res-lie.gif"); background-position: bottom right; }

#sousmenu ul li.memact, #sousmenu ul li.memacton { margin: 0; }
.memact a { width: 100px; background:url("../images/hdr-nav-mem-act.gif"); }
.memevn a { width: 100px; background:url("../images/hdr-nav-mem-evn.gif"); }
.memfor a { width: 153px; background:url("../images/hdr-nav-mem-for.gif"); }
.membot a { width: 155px; background:url("../images/hdr-nav-mem-bot.gif"); }
.membul a { width: 139px; background:url("../images/hdr-nav-mem-bul.gif"); }
.memedt a { width: 149px; background:url("../images/hdr-nav-mem-edt.gif"); }
#sousmenu ul li.memacton a { width: 100px; background:url("../images/hdr-nav-mem-act.gif"); background-position: bottom right; }
#sousmenu ul li.memevnon a { width: 100px; background:url("../images/hdr-nav-mem-evn.gif"); background-position: bottom right; }
#sousmenu ul li.memforon a { width: 153px; background:url("../images/hdr-nav-mem-for.gif"); background-position: bottom right; }
#sousmenu ul li.memboton a { width: 155px; background:url("../images/hdr-nav-mem-bot.gif"); background-position: bottom right; }
#sousmenu ul li.membulon a { width: 139px; background:url("../images/hdr-nav-mem-bul.gif"); background-position: bottom right; }
#sousmenu ul li.memedton a { width: 149px; background:url("../images/hdr-nav-mem-edt.gif"); background-position: bottom right; }

/* --------------------------------------------------------
    Content
   -------------------------------------------------------- */

#content {
    padding: 7px 0 10px 0;
    }
#contentleft, #contentright {
    vertical-align: top;
    }
#contentleft {
    width: 495px;
    }
#accimg, #contentleft {
    /* padding-right: 10px; */
    border-right: 10px solid #fff;
    }
#contentleft h2 {
    padding-bottom: 16px;
    }

h2.hdraogq {
    margin: 7px 0 6px 0;
    background-color: #F3FA26;
    }
h2.hdrgeneral {
    margin: 7px 0 6px 0;
    background-color: #F3FA26;
    }
#contentleft ul {
    list-style-type: disc;
    padding-left: 16px;
    }
.contentwrapper table.titlecol td {
    vertical-align: top;
    }
.contentwrapper table.titlecol td.titlecolleft {
    width: 330px;
    }
.contentwrapper table.titlecol td.titlecolright {
    text-align: right;
    width: 145px;
    }
.contentwrapper {
    line-height: 15px;
    padding: 0 0 0 20px;
    }
.contentwrapper ul {
    margin-bottom: 16px;
    }
#contentright {
    width: 255px;
    }

#s-aogq #contentright { background-color: #BCD7FF; }
#s-santefemme #contentright { background-color: #E6FFBC; }
#s-quoideneuf #contentright { background-color: #FFD1C1; }
#s-ressources #contentright { background-color: #FFBFD9; }
#s-membres #contentright { background-color: #ECECE8; }
#s-partenaire #contentright { background-color: #A5DBDB; }
#s-coordonnees #contentright { background-color: #F3FA26; }

#contentright #rightwrapper {
    line-height: 15px;
    padding: 0 14px;
    }
#contentright h3 {
    margin-bottom: 10px;
    }
#contentright h3.rigfirst {
    margin-bottom: 0;
    }
#contentright h4 {
    margin-bottom: 8px;
    }
#contentright ul {
    margin: 3px 0 14px 0;
    }
#contentright ul li {
    padding: 0 0 6px 0;
    /*
    padding: 0 0 6px 14px;
    background: url(../images/icn-fle.gif) no-repeat 0 5px;
    */
    }

/* --------------------------------------------------------
    Content General
   -------------------------------------------------------- */

p.hautpage {
    background: url(../images/icn-fle.gif) no-repeat 0 5px;
    margin: 20px 0 0 380px;
    padding: 0 0 0 12px;
    }
div.icnpdf {
    background: url(../images/icn-pdf.gif) no-repeat 0 1px;
    padding: 0 0 4px 16px;
    }

/* --------------------------------------------------------
    Footer
   -------------------------------------------------------- */

#footer {
    border-top: 5px solid #FFF200;
    padding-left: 20px;
    margin-top: 2px;
    }
#footer p {
    margin: 0;
    padding: 10px 0;
    }
#footerleft {
    width: 631px;
    }
#s-aogq #footer { border-top: 5px solid #559CFF; }
#s-santefemme #footer { border-top: 5px solid #C1FF55; }
#s-quoideneuf #footer { border-top: 5px solid #FF6633; }
#s-ressources #footer { border-top: 5px solid #FF0066; }
#s-membres #footer { border-top: 5px solid #08E1E9; }
#s-partenaire #footer { border-top: 5px solid #009999; }
#s-coordonnees #footer { border-top: 5px solid #F3FA26 }

div.clearer {
    clear: both;
    height: 1px;
    overflow: hidden;
    }

/* --------------------------------------------------------
    Accueil
   -------------------------------------------------------- */

#accimg, #accright {
    vertical-align: top;
    }
div.accbox, div.accboxmem {
    background-color: #ECFFBF;
    margin-bottom: 2px;
    width: 285px;
    }
div.accbox .text, div.accboxmem .text {
    padding: 0 5px 0 10px;
    }
div.accboxmem {
    background-color: #BEF000;
    margin-bottom: 0;
    }
table.memberlogin td {
    padding-bottom: 6px;
    }
table.memberlogin td.label {
    padding-right: 14px;
    }
table.memberloginfooter {
    padding-top: 2px;
    width: 243px;
    }

/* --------------------------------------------------------
    Section : AOGQ
   -------------------------------------------------------- */

.traog {
    color: #3888F7;
    font-weight: bold;
    }

/* --------------------------------------------------------
    Section : Sante de la femme
   -------------------------------------------------------- */

.trsan {
    color: #598C06;
    font-weight: bold;
    }
#contentleft ol.faqcat {
    padding-left: 0;
    }
li.faqcaton a {
    text-decoration: none;
    }

ol.sujetsliste {
    list-style-position: inside;
    list-style-type: decimal-leading-zero;
    margin: 0 0 16px 0;
    padding: 0;
    }
ol.sujetsliste li {
    padding: 4px 8px 4px 20px;
    margin: 0;
    line-height: 15px;
    border-top: 2px solid #fff;
    }
ol.sujetsliste li.row1 {
    background-color: #E6FFBC;
    }
ol.sujetsliste li.row2 {
    background-color: #F5FFE6;
    }

p.faq {
    margin-bottom: 0;
    }

/* --------------------------------------------------------
    Section : Quoi de neuf
   -------------------------------------------------------- */

dl.messageliste dt, dl.messageliste dd {
    padding: 4px 8px 4px 20px;
    margin: 0;
    line-height: 15px;
    border-top: 2px solid #fff;
    }
dl.messageliste dt {
    background-color: #FFD1C1;
    }
dl.messageliste dd {
    background-color: #FFF3ED;
    padding-bottom: 12px;
    }
	


/* --------------------------------------------------------
    Section : Ressources
   -------------------------------------------------------- */

.trres {
    color: #FF0066;
    font-weight: bold;
    }

table.trotable {
    margin-bottom: 10px;
    }
table.trotable td {
    padding: 0 5px 6px 0;
    }
#trofrm {
    margin-bottom: 14px;
    }
#trofrm select {
    width: 368px;
    }

#contentleft ul.resresultats {
    list-style: none;
    padding: 0;
    margin: 0 0 14px 0;
    }
#contentleft ul.resresultats li {
    padding: 8px;
    margin: 0 0 2px 0;
    }
#contentleft ul.resresultats li.row1 {
    background-color: #DDDDD5;
    }
#contentleft ul.resresultats li.row2 {
    background-color: #EEEEEA;
    }

/* --------------------------------------------------------
    Section : Membres
   -------------------------------------------------------- */

table.listepar {
    width: 100%;
    }
table.listepar td {
    width: 50%;
    }

/* --------------------------------------------------------
    Section : Plan du site
   -------------------------------------------------------- */

table.tabplan {
    width: 100%;
    }
table.tabplan td {
    width: 50%;
    vertical-align: top;
    }
#s-plandusite #contentleft ul {
    list-style: none;
    padding-left: 0;
    }


/* --------------------------------------------------------
    Section : Membres
   -------------------------------------------------------- */

#s-membres #contentleft p {
    padding-right: 10px;
    }

h2.hdrmembres {
    margin: 7px 0 2px 0;
    background-color: #16E3EA;
    }

#contentmem {
    background-color: #D2FAFB;
    padding: 16px 20px 40px 20px;
    line-height: 15px;
    }
#contentmemwrapper {
    width: 495px;
    }

table.memacctable td.memimage, table.memacctable td.memtxt {
    border-bottom: 2px solid #D2FAFB;
    }
table.memacctable td.memtxt, table.memacctable td.memtxtlast {
    background: url("../images/cnt-img-mem-bg.jpg") no-repeat top left;
    background-color: #D2FAFB;
    padding: 0 80px 0 20px;
    }
table.memacctable td h3 {
    margin-bottom: 6px;
    }
table.memacctable td p {
    margin-bottom: 0;
    line-height: 15px;
    }

#s-membres #contentleft {
    background-color: #D2FAFB;
    padding-bottom: 30px;
    }

dl.actualitesliste dt, dl.actualitesliste dd {
    padding: 4px 8px 4px 20px;
    margin: 0;
    line-height: 15px;
    border-top: 2px solid #fff;
    }
dl.actualitesliste dt {
    font-weight: bold;
    background-color: #83F0F4;
    }
dl.actualitesliste dd {
    background-color: #D2FAFB;
    padding-bottom: 12px;
    }
	
dl.evenements dt, dl.evenements dd {
    padding: 4px 8px 4px 4px;
    margin: 0;
    line-height: 15px;
    border-top: 2px solid #fff;
    }
dl.evenements dt {
    font-weight: bold;
    background-color: #83F0F4;
    }
dl.evenements dd {
    background-color: #efeff0;
	padding-top:0px;
    padding-bottom: 0px;
    }

#contentleft ul.botresultats {
    list-style: none;
    padding: 0;
    margin: 0 0 14px 0;
    }
#contentleft ul.botresultats li {
    padding: 0;
    margin: 0 0 18px 0;
    }

table.titlecolmem {
    width: 100%;
    margin-bottom: 14px;
    }
table.titlecolmem td {
    vertical-align: top;
    border-bottom: 2px solid #fff;
    }
table.titlecolmem td.titlecolleft {
    padding-left: 20px;
    width: 407px;
    }
.contentwrapper table.titlecolmem td.titlecolright {
    text-align: right;
    width: 60px;
    }
	
.contentwrapper fieldset {
    margin-right:20px;
	padding: 10px 10px 10px 10px;
}	
	
.contentwrapper legend {
    color: #08E1EA;
	font-weight: bold;
	font-size: 11px;
	margin-bottom:5px;
}		

/* --------------------------------------------------------
    Section : Contenu colonne droite
   -------------------------------------------------------- */

div.contenudroite{
padding-left:15px;
padding-right:15px;
}
