/* CSS Document Cathédrale de St-Hyacinthe
Couleurs
Fond Body : #f6f6f9
Navy H1, H2, H3, H4 #364682
Navy Bordure gauche #535c82
Navy Bg Entête #1a2c36
Bleu Bg titres H1 #e5e6eb ou #eaebef
Gris H5 H6 #413f3f
Gold bordures #b1a669
Vert foncé bordure lien image #2a4a3b
Bg Hover menu haut et droite --#e4dfc0
Bg Hover menu bas: #7181a4
Bullet droite #c4bc8d
*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
html, body,span, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, a img {border:0; margin:0; padding:0;}
html,body  { max-height:100%; background: #f6f6f9;}
body { font: .8em vernada, arial, sans-serif; background: #f6f6f9;}
p, span {color: #413f3f; margin: 0px 20px 15px 0px; /*font-size: 1.2em;*/ line-height: 1.5em; }
ul, ol {color: #413f3f; margin: 0px 20px 15px 0px; /*font-size: 1.2em;*/ line-height: 1.5em; }
img, img a {display: block; border: none;}
img.surligne {display: inline;}
p.commentaire {color: #808080; font-size: 75%; padding: 15px 0px 10px 0px; /*line-height: 1em;*/}

h1, h2, h3, h4, h5, h6 { font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}
h1  { font-size: 145%; text-align: left; color: #364682; margin: 0 20px 10px 0px; padding: 3px 0 2px 5px; line-height: 1.1em; background-color:#e5e6eb; border-left:10px solid #535c82; height:auto;}
h1.court  {width: 75%; font-size: 145%; text-align: left; color: #364682; margin: 0 10px 10px 0px; padding: 3px 0 2px 5px; line-height: 1.1em; background-color:#e5e6eb; border-left:10px solid #535c82; height:auto;}
h2	{font-size: 120%; text-align: left; color: #364682; padding: 3px 20px 3px 0;}
h3	{font-size: 130%; text-align: left; color: #364682; padding: 0 20px 7px 0;}
h4	{font-size: 110%; text-align: left; color: #413f3f; padding: 10px 20px 0 0px;}/*comme h6, mais marge 20px*/
h5	{font-size: 100%; text-align: left; color: #413f3f; padding: 0 20px 0 40px; line-height: 1.3em;}
h6	{font-size: 135%; text-align: left; color: #413f3f; padding: 10px 20px 0 10px;}

a:link {color: #1a2c36; text-decoration: underline; font-weight: bold; font-size: 100%;}
a:visited {color: #1a2c36; text-decoration: underline; font-weight: bold; font-size: 100%;}
a:hover {color: #1a2c36; text-decoration: underline;  background-color: #eee; font-weight: bold; font-size: 100%;}
a:active {color: #1a2c36; text-decoration: underline; font-weight: bold; font-size: 100%;}

.conteneur {clear: both;}
.conteneur img{ display: block; clear: both; float: right; margin: 0 20px 5px 20px; }
.conteneurG img{ display: block; /*clear: both;*/ float: left; margin: 0 20px 5px 0px;}
.conteneur200 img{ display: block; clear: both; float: right; margin: 0 20px 5px 20px; min-height: 200px;}

.photo img { display: block; float: right; margin: 0 20px 5px 20px; border: 2px solid #b1a669; padding: 1px 1px 1px 1px; background-color: #fff; }
.photo-sb img { display: block; float: right; margin: 0 20px 5px 20px; } /* SANS BORDURE */
img.bordure  { border: 2px solid #b1a669; padding: 2px 2px 2px 2px; background-color: #fff; }
.courant {background-color: #e4dfc0; font-weight: bold;}

#cadre  {position: relative; width: auto;  min-width: 740px; max-width: 1600px; border-left: 20px solid  #535c82; }


/* MENU HAUT
--------------------------------------------------------------------------------------- */
#menuhaut  {position: relative; top: 0; left: 0; height: 30px;  _width: 740px; min-width: 740px; padding: 0 0 3px 0; font: 100%/1.8em; font-weight: bold;}
.menuhaut a:link {color: #364682; text-decoration: none;}
.menuhaut a:visited {color: #364682; text-decoration: none;}
.menuhaut a:hover {color: #364682; text-decoration: none; background-color: #e4dfc0;}
.menuhaut a:active {color: #364682; text-decoration: none;}
.menuhaut ul {padding: 7px 0 0 10px; }
.menuhaut li {padding: 0 10px; display:inline;}

/* ENTETE
--------------------------------------------------------------------------------------- */
#entete {position: relative; width: 100%; top: 0px; height: 125px; background: #1a2c36 url(images/entete_duotone.jpg) no-repeat;}
#entete h3 {font-weight: 600; font-size: 115%; line-height: 1.35em; letter-spacing: -.1px; margin: 0;	padding: 10px 15px 0 0;	text-align: right; font-style: italic; color: #fff;}

/* MENU DROITE
--------------------------------------------------------------------------------------- */
#menud {position: absolute; /*float: right;*/ top: 175px; _top: 175px; right: 0; width: 30%; z-index: 2; color: #364682;  font: 100%/2.2em 400;}
#menud ul{ /*list-style:none;*/ }
#menud li{ list-style-type: none; background:url(images/b_menud.gif) top left no-repeat; padding-left: 20px; }
#menud li.bouton {list-style-type: none;  padding-left: 0; }
#menud img, img a {display: inline; }
#menud a:link {color: #364682; text-decoration: none;}
#menud a:visited {color: #364682; text-decoration: none;}
#menud a:hover {color: #364682; text-decoration: none; background-color: #e4dfc0;}
#menud a:active {color: #364682; text-decoration: none;}

/* CONTENU
--------------------------------------------------------------------------------------- */
#content {position: relative; top: 20px; margin: 0 0 35px 20px; width: 67.9%; text-align: justify;}
#content-large { top: 0px; margin: 0 20px 0 20px; clear: both; text-align: justify; width: 100%; }
#content2 { top: 0px; margin: 0 0 35px 20px; width: 67.9%; text-align: justify;}/*bas de page pastorale*/
ul.content {list-style: disc; list-style-position: outside; margin-left:40px;  /*font: 130%/1.8em;*/}
ul.content2 {list-style: disc; list-style-position: outside; margin-left:65px}

/* CONTENU ACCUEIL -------------------------------------------------------- */
#content-accueil {position: relative; top: 20px; margin: 0px 0 25px 20px; width: 67.9%; text-align: left; _height:360px; min-height: 360px; border-bottom: 2px dotted #b1a669;}
.photo-index img { display: block; float: left; margin: 10px 20px 10px 0px;}
p.message  {  text-align: justify; padding-top: 5px; }
#info {position: relative; top: 0px; clear: both; height: 320px; margin: 40px 0 25px 20px; _width: 100%; min-width: 1000px;*/}
#info ul { display: inline;  list-style: none;  line-height: 1.2em;}
#info li { float: left; display: inline; list-style: none; padding: 5px 0 0 0; margin: 0 15px 0 0px; text-align: center; }
#info li.courriel { float: left; display: inline; list-style: none; padding: 5px 0 0 0; margin: 0 15px 0 0px; text-align: left; }
#info p {color: #413f3f; margin: 3px 0 20px 0; line-height: 1.5em;}
#info h6 {text-align: center; line-height: 2em; padding: 60px 0 0 0; }
p.bureau { text-align: left; color: #413f3f;  font-size: 1em; line-height: 1.5em; padding: 0 0 0 0px;}

/* CONTENU PASTORALE -------------------------------------------------------- */
#content img {display: inline;}
dl, dt, dd { margin-left:30px}
ol.symbole  { list-style-type: none;  margin-left:25px; line-height: 1.25em;}

#pastorale  { float: left; margin: 0 0 20px 0px; width: 100%; }
#pastorale img { margin: 0 15px 0 10px; }
#pastorale ul { list-style: none; }
#pastorale li {float: left; width: auto !important; width: 120px; min-width: 120px; padding: 5px 0 0 0;  text-align: center; }

#equipe { float: left; margin: 0 0 20px 0px; width: 100%; }
#equipe img { margin: 0 15px 0 15px; _margin: 0 30px 0 0;}
#equipe ul { list-style: none; }
#equipe li {float: left; _width: 120px; min-width: 120px; height: 290px; /*padding: 5px 0 0 0;*/ font-size: 85%; line-height: 1.2em; text-align: center; }
#services  {clear: both;  }

/* CONTENU TARIFICATION -------------------------------------------------------- */
#tarification  { margin: 0 0px 20px 0px; }
ul.tarification  {list-style: none;}
li.tarification  { float: left; padding: 0 10px 0 0;  text-align: left; font: 110%/2em 800; height: 20em;}

/* CONTENU SALLES -------------------------------------------------------- */
#salles  {position: relative; top: 20px; margin: 0px 0 25px 20px; width: 67.9%; }
img.location  { margin: 0 0 20px 0px; border: 2px solid #b1a669; padding: 2px 2px 2px 2px; background-color: #fff; }

/* CONTENU CAPITATION -------------------------------------------------------- */
#content-capitation {position: relative; top: 20px; margin: 0px 0 20px 20px; width: 67.9%; text-align: left;}
#content-capitation h1 { margin-left: 228px; }
.photo-capitation img { display: block; float: left; margin: 0px 20px 20px 0px;}
.photo-capitation a:hover img { border: 2px solid #2a4a3b;}

/*#composition {position: relative; top: 20px; margin: 0px 0 35px 20px;  clear: both; _height: 144em; min-height:144em; width:100%; font-size: 90%;}*/
#budget {position: relative; top: 20px; margin: 0 0 35px 20px; clear: both; _height: 385px; min-height: 385px; width: 100%; }
html>body #budget {height: auto; min-height: 385px ;}
#budget img {padding: 0 25px 0 0px; }

/* CONTENU ORGUE -------------------------------------------------------- */
#content-orgue {position: relative; top: 20px; width: 67.9%; text-align: justify;}
#composition {position: relative; top: 20px; margin: 0px 0 35px 20px;  clear: both; _height: 144em; min-height:144em; width:100%;/* font-size: 90%;*/}
.composition ul { list-style: none;  margin: 0px 40px 0 40px; }
.composition li  { float: left; list-style: none; }

/* CONTENU PATRIMOINE -------------------------------------------------------- */
.photo .brochure { max-width: 880px; }
#visite  { height: auto !important; height: 150px; min-height: 150px ; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#menubas  {position: relative; clear: both; left:0; padding: 5px 0 5px 0; margin: 0 0 0px 0px; height: 45px; width: auto !important; min-width: 740px; border-left: 20px solid #535c82; font-size: 75%; font-weight: bold; background-color: #535c82;}
#menubas a:link {color: #fff; text-decoration: none;}
#menubas a:visited {color: #fff; text-decoration: none;}
#menubas a:hover {color: #fff; text-decoration: none; background-color: #7181a4;}
#menubas a:active {color: #fff;text-decoration: none;}
#menubas ul { display: inline; list-style: none; }
#menubas li{ text-decoration:  none; float: left; padding: 0 15px 0 0; text-align: center; }
#menubas p {  margin: 0 0 0 0; }
#menubas .droite p  { color: #e4dfc0;	font-size: 80%;  text-align: left;}