/* CSS Document Cathédrale de St-Hyacinthe
Couleurs
Navy BG menu principal #1e2c61 
Bleu BG Titre page #3B5B9E
Vert BG Entête + Titre de la page #cfdbb3
Gold BG Entête + Titre de la page #D8D4A7
Gold pâle menu liens #e6e3bf
Gold très pâle blockquote #f4f2df
Beige Background général #F8F8F0
(jaune #D8D4A7)(foncé H1 #efdf93)

Layout, from : http://www.shadow-fox.net/tutorial/3-Column-All-CSS-Layout-With-Fluid-Center-and-Two-Columns
*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
@page { size: portrait; } 

@page { size: 8.5in 11in; }

@page { margin: 2cm; }

#enteteC,#enteteD,#enteteG,#enteteG-index,#enteteH,#enteteL,#enteteR,#pied,#gauche,#menuG { display: none; }


html, body, span, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, a img, table {border:0; margin:0; padding:0;}
ul, li dl, dt, dd, ol  {list-style-type: none; }

#index {  max-height:100%; width: 100%;  }
body {font: 8pt verdana, arial, sans-serif; color:#000; margin-left: 0px; width: 100%;}/*62.5%/1.3em*/

p {color: #000; margin: 0px 0px 15px 0px; font-size: 1.1em; line-height: 1.2em;}/**/
img, img a {display: block; border: none;}
#bodyblock img {background-color:#e8f3e8; padding: 2px; border: 2px solid #3B5B9E; }
#bodyblock img.sb { border: none; padding: 0;display: inline; margin-bottom: -2px;}

img.surligne {display: inline;}

p.commentaire {color: #808080; font-size: 90%; padding: 15px 0px 10px 0px; }
span.note {color: #606060; font-size: 80%; }

h1, h2, h3, h4, h5, h6 { font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}
h1  {font-size: 150%; text-align: left; color: #3B5B9E; padding: 5px 20px 5px 20px; margin: 0px 15px 10px 0px; width: 100%; min-width: 500px; line-height: 1.2em; background: #e6e3bf url(images/b_H1.gif) no-repeat bottom left; border-bottom: 3px solid #1e2c61; height:auto;}
h2	{font-size: 160%; text-align: left; color: #3B5B9E; padding: 5px 0 10px 0;}
h3	{font-size: 145%; text-align: left; color: #3B5B9E; padding: 0 0 10px 0;}
h4	{font-size: 130%; text-align: left; color: #1e2c61 ; padding: 0 0 10px 10px;}
h5	{font-size: 120%; text-align: left; color: #3B5B9E; padding: 0 0 0 25px; line-height: 1.3em;}
h6	{font-size: 150%; text-align: left; color: #3B5B9E; padding: 5px 20px 5px 20px;width: 260px; line-height: 1.2em; background:#D8D4A7; border-bottom: 3px solid #1e2c61; height:auto;}/*Comme H1 pour autre colonne*/

blockquote  { padding: 15px 25px; border: 1px solid #1e2c61; }
blockquote {font-size: 115%; line-height: 1.5em; }/*boites contenant les comités*/
blockquote dd {padding-left: 10px;  }
blockquote dt {font-weight: bold;}
blockquote li {list-style-type: disc; margin-left: 20px; }


#menuTable{  }/*boites contenant les comités*/
blockquote.menuTable { width: 40em; margin: 15px 0 15px 0px; padding: 15px 0; list-style-type: none;  text-align: left;color: #e6e3bf; font-size: 115%; line-height: 1.5em;}
#menuTable blockquote ul li {list-style-type: none;padding-left: 15px; font-size: 100%;}
blockquote.menuTable a:link  {color: #000;}
blockquote.menuTable a:visited  {color: #000;}
blockquote.menuTable a:active  {color: #000;}	
blockquote.menuTable a:hover {color: #000; }

span.rouge  {color:red;  }


a:link {color: #3B5B9E; text-decoration: underline; /*font-weight: bold;*/ font-size: 110%;}/*#1a2c36*/
a:visited {color: #3B5B9E; text-decoration: underline; /*font-weight: bold;*/ font-size: 110%;}
a:hover {color: #1e2c61; text-decoration: underline; font-size: 110%;}
a:active {color: #3B5B9E; text-decoration: underline; /*font-weight: bold;*/ font-size: 110%;}

#enteteD,#enteteC,#enteteT,#content {overflow:hidden; display:inline-block; }
#enteteD,#enteteM,#enteteT,#sous-menu{float:left; }

.droite {float: right; }
.hd {float: right; margin-right: 40px; }/*pour placer le retour "Haut de la page" à droite*/

/* ENTETE
--------------------------------------------------------------------------------------- */


/* CONTENU
--------------------------------------------------------------------------------------- */
#bodyblock  {position: relative;clear: both; top: 0px; left: 0px; width: 100%; height: 100%; text-align: justify;  }
#content { padding: 10px 0px; padding-left: 3px; _padding-left: 0px;   }
#bodyblock ul li {list-style-type: disc; font-size: 1.2em; line-height: 1.7em;}

.conteneur img {margin: 5px 0px 5px 15px; float: right; /*display: none;*/}

#col-gauche { float: left; width: 15px;}
#col-gauche2 { float: left; width: 250px;  padding: 10px 8px 8px 13px; }
#col-droite { float: right; width: 15px;  }

#ae { float: left; /*margin: 0 0 20px 0px;*/ width: 100%; }
#ae img { margin: 0 15px 0 15px; _margin: 0 30px 0 0;}
#ae ul { display: inline; list-style-type: none;}
#ae ul li {float: left; _width: 120px; min-width: 120px; height: 325px;font-size: 85%; line-height: 1.5em; text-align: center; }
span.mgr {color: #1e2c61; font-size: 120%; font-weight: bold; }
#ae a:hover img { border: 2px solid #D8D4A7;}

#direction table  { font-size: 120%; width: 670px; }
#direction td { border: 1px solid #000; background-color: #f4f2df; padding: 5px 10px; }

#stats {font-size: 120%; line-height: 2em; width: 500px; text-align: left;}
#stats dd {padding-left: 10px;  }
#stats dt {border-top: 1px solid #606060; font-weight: bold;}
#stats span{ float: right; }
#stats li {list-style-type: disc; margin-left: 20px; }

#plan {font-size: 120%; line-height: 2em; text-align: left;}
#plan dd {padding-left: 10px;  }
#plan dt {font-size: 110%; margin-top: 10px; font-weight: bold;}
#plan li {list-style-type: disc; margin-left: 20px; }
#plan li.niveau  { font-size: 90%; }

#liste {/*font-size: 120%;*/ line-height: 2em; text-align: left;}
#liste dd {padding-left: 10px;  }
#liste dt {font-size: 110%; margin-top: 10px; font-weight: bold;}
#liste li {list-style-type: disc; margin-left: 20px; }
#liste li.niveau  { font-size: 1em; list-style-type: circle;}


/* CONTENU CARTE GEOGRAPHIQUE POP UP -------------------------------------------------------- */
.thumbnailA,.thumbnailF{ position: relative; z-index: 0;}
.thumbnailA:hover,.thumbnailF :hover{ background-color: transparent; z-index: 1100;}

.thumbnailA span,.thumbnailF span{ /*CSS for enlarged image*/
position: absolute; background-color: #D8D4A7; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none;}

.thumbnailA span img,.thumbnailF span img{ /*CSS for enlarged image*/
border-width: 0; padding: 2px;}

.thumbnailA:hover span{ /*CSS for enlarged image on hover*/
visibility: visible; top: -350px; left: 150px; /*position where enlarged image should offset horizontally */}

.thumbnailF:hover span{ /*CSS for enlarged image on hover*/
visibility: visible; top: -85px; left: 170px; /*position where enlarged image should offset horizontally */}

/* CONTENU INDEX -------------------------------------------------------- */

#bodyblock-index  {position: relative; clear: both; top: 0px; left: 0px; width: 100%; height: 100%; text-align: justify; }
#content-index { padding: 10px 0 0 10px; _padding-left: 15px; min-height: 450px; _height: 450px;  }
#col-droite-index { float: right; width: 360px;  padding: 10px 10px 8px 8px; }
.conteneur-index {width: 100%; clear: both; padding: 0 5px 5px 0;  min-height: 105px; background: url(images/b_actualite.gif) bottom left no-repeat;}
.conteneur-index img {margin:  5px 3px 0 10px; float: right;clear: both;}
#conteneur-index p a {color: #3B5B9E; line-height: 1.2em; font-weight: normal;}
p.actualite {padding-top: 5px; font-size: 80%;}
object.animation  { margin : 0; }


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */


/* MENU
--------------------------------------------------------------------------------------- */