
@import url(/website/mb/files/fonts.css);

body,html
{height:100%;width:100%;}

body 
{width:100%;margin:0px;padding:0px;font-family:georgia,serif;font-size:13px;color:#a79279;background: #f9f4e1 url(/website/mb/resources/f.png) top center repeat-y;}

.text img
{float:left;margin:0px 35px 30px 0px;box-shadow: 10px 10px 10px #c0c0c0;}

a
{color:#8a7750;text-decoration:underline;}

a:hover
{text-decoration:none;}

a img:hover
{opacity:0.7;filter:alpha(opacity=70)}

#rubrique
{padding:4px;margin:30px 50 20px 50;background: url(/website/mb/resources/fbn.jpg) no-repeat;border: 1px solid #e0ca90;border-top: none;box-shadow: 5px 5px 5px #706e57;font: bold 14px/14px Trump, Arial, sans-serif; text-transform:uppercase;color:#e0ca90;margin-bottom:16px;letter-spacing: 0.5em;text-shadow: 2px 2px 6px #4c1712;text-align:center;}

strong 
{color:#8a7750;}

p.image
{margin-bottom: 0px;padding-bottom:0px;clear:both;}

p.caption
{margin-top: 3px;font-size:0.85em;}

#menu_haut
{float:left;margin-top:15px;font-size:13px;font-weight:bold;}

#menu_haut h3
{margin-left:15px;float:left;font-size:13px;}

#menu_haut a
{color:#C0D67F;text-decoration:none;}

#menu_haut a:hover
{color:white;text-decoration:none;}

#menu_liens a
{color:white;text-decoration:none;}

#menu_liens a:hover
{color:#C0D67F;text-decoration:none;}

#menu_services
{width:250px;margin:30px 25px 20px 25px;opacity:0.9;filter:alpha(opacity=90);}

#menu_services:hover
{opacity:1.0;filter:alpha(opacity=100);}

#menu_services input[type="text"]
{font-family:tahoma,sans-serif;height:24px;padding: 0px 5px;font-size:13px;background:#f2e0a8;color:#5e5347;margin-right:6px;border:none;box-shadow: 5px 5px 5px #706e57;border: 1px solid #4c1712;background: url(/website/mb/resources/c2_f.jpg) no-repeat;}

#menu_services input.buttons
{font-family:tahoma,sans-serif;height:24px;padding: 0px 5px;font-size:13px;background:#4c1712;color:#e0ca90;margin-right:6px;border:none;box-shadow: 5px 5px 5px #706e57;}

#menu_services input.buttons:hover
{background:#7f221e;}

#galeries-mosaique
{margin: 60px 0px 40px 0px;font-family:tahoma,sans-serif;font-size:13px;text-align:center;width:625px;}

#galeries-mosaique .item
{min-height:120px;height:auto;width:150px;float:left;padding:15px;background: url(http://musee.culturecoaticook.ca/website/mb/resources/mf1.jpg) center center no-repeat;margin: 0 20px 40px 0;box-shadow: 4px 4px 7px #eae8de;}

#galeries-mosaique .item a
{color:#4c1712;text-decoration:none;}

#galeries-mosaique .item a:hover
{color:#a79279;}

#menu_services a
{font-family:tahoma,sans-serif;font-size:13px;color:#1C1F13;}

#multimedia
{width:100%;background-color: #020202;margin:20px 0px;padding: 10px 0px ;text-align:center;}

#entete .horaire
{color:white;font-family:tahoma,sans-serif;font-size:13px;font-weight:600;}

#entete .horaire_data
{color:#E0CA90;font-family:tahoma,sans-serif;font-size:13px;font-weight:600;}

#entete a{color:#fff;text-decoration:none;}

#entete a:hover{color:#fff;text-decoration:underline;}

/*************************************************************************/
/* LOCAL */
/************************************************************************/

#hidden_divs
{position:absolute;top:-500px;left:-500px;display:none;} 

#sommaire
{height:80px;width:100%;padding: 20px 0px;background: transparent url(/website/mb/resources/sommaire_f.jpg) top center repeat-x;box-shadow: -15px 0px 15px #969696;}

#sommaire_top
{height:24px;width:100%;min-width:1000px;background: transparent url(/website/mb/resources/sommaire_t_f.png) top center repeat-x;}

#partenaires{min-height:65px;height:auto;width:100%;background: #dbd5b2 url(/website/mb/resources/sommaire_pf.jpg) top center repeat-x;}

#sommaire .colonne
{width;180px;margin-right:40px;float:left;}

#sommaire a
{text-decoration:none;}

#sommaire a:hover
{text-decoration:underline;}

#sommaire h2
{font: bold 15px/15px Trump, Arial, sans-serif; margin:0;text-transform:uppercase;color:#4c1712;margin-bottom:16px;letter-spacing: 0.7em;text-shadow: 2px 2px 3px #8f8375};

#sommaires h2 a
{color:#5e5347;}

/******************************************************************/
/* MB TOP MENU */
/******************************************************************/

#mb_top {margin: 0px 0px 0px 120px;height:24px;text-decoration:none;font-family:tahoma,sans-serif;font-size:13px;}

ul#mb_top  li {list-style:none;list-style-image: none;display:inline;background: #4c1712;float:left;color:white;text-align:center;height:15px;padding: 5px 10px 6px 10px;cursor:pointer;margin-left:6px;border: 1px solid #e0ca90;border-top: none;box-shadow: 1px 1px 3px #4c1712}

ul#mb_top  li:hover {background: #4c1712;padding: 5px 10px 9px 10px;box-shadow: 3px 3px 5px #4c1712; z-index: 7000;}

ul#mb_top  li a
{color: #e0ca90;text-decoration:none;}

ul #mb_top  li:hover {display:inline;z-index: 7000;}

/******************************************************************/
/* HORIZONTAL MENU */
/******************************************************************/

#wh_menu {margin-top:0px;height:32px;color:#e0ca90;font-family:tahoma,serif;font-size:13px;margin: 0px 25px 0px 25px;text-decoration:none;}

#wh_menu a.whm1{font-family:tahoma,sans-serif;color:#e0ca90;text-decoration:none;}
#wh_menu a.whm1:hover{font-family:tahoma,sans-serif;color:white;text-decoration:underline;}

#wh_menu .whm_separator
{background: #e0ca90;width:2px;margin-top:2px;height:32px;}

#wh_menu .whm1_on {background: #7f221e;width:auto;color:white;float:left;text-align:center;height:18px;margin-top:2px;padding: 8px 12px 6px 10px;cursor:pointer;}

#wh_menu .whm1_on a {color:white;text-decoration:none;}

#wh_menu .whm1_off {background: transparent;width:auto;color:#e0ca90;float:left;text-align:center;height:18px;margin-top:2px;padding: 8px 12px 6px 10px;cursor:pointer;}

#wh_menu .whm1_off a {color:#e0ca90;text-decoration:none;}
#wh_menu .whm1_off:hover a {background: #7f221e;color:white;text-decoration:none;}

.wh_sub_off 
{position:absolute;top:-500px;left:-500px;display:off;} 

.wh_sub_on 
{position:absolute;background: transparent url(/website/shc/resources/wh_sub_on.png) repeat-x;top:0px;padding:0px;left:0px;z-index:100;width:auto;display:active;text-align:left;border-bottom-left-radius:0.5em;-webkit-border-bottom-left-radius:0.5em;-moz-border-radius-bottomleft:0.5em;border-bottom-right-radius:0.5em;-webkit-border-bottom-right-radius:0.5em;-moz-border-radius-bottomright:0.5em;}

ul.wh_sub 
{margin:0px;padding:0px;width:225px;height:auto;border-left: 1px solid #e0ca90;border-right:2px solid #e0ca90;}

li.wh_sub
{list-style:none;list-style-image: none;background: #4C1712;border-top: 1px solid #e0ca90;color:#8a7750;margin:0px;height:20px;font-family:tahoma;font-size:13px;padding: 8px 12px 4px 10px;}

li.wh_sub:hover
{list-style:none;list-style-image: none;background: #7f221e;border-top: 1px solid #e0ca90;color:#8a7750;margin:0px;height:20px;font-family:tahoma;font-size:13px;padding: 8px 12px 4px 10px;}

a.wh_sub{color:#e0ca90;text-decoration:none;}
a.wh_sub:hover{color:white;text-decoration:none;}

 .edit_link {background: #4c1712;width:auto;color:#e0ca90;height:20px;float:none;text-align:left;margin:0px 0px 30px 0px;padding: 8px 15px 6px 15px;cursor:pointer;text-decoration:none;margin-bottom:30px;border: 1px solid #e0ca90;box-shadow: 5px 5px 5px #706e57;}

 .edit_link:hover {background:#7f221e;}

 .list_edit {color:#4c1712;font-size:11px;}

 .list_edit:hover {color:#7f221e;}


/******************************************************************/
/* EXPOSITIONS */
/******************************************************************/

#expos_accueil
{padding:20px 15px 20px 20px;color:#c2b8ae;font-family:georgia,serif;}

#expos_accueil a
{text-decoration:none;}

#expos_accueil a:hover
{text-decoration:none;}

#expos_accueil h1
{font: bold 28px/28px Trump, Arial, sans-serif; margin:0;margin-top:21px;text-transform:uppercase;color:#B12F2A;}

#expos_accueil h1 a
{color:#B12F2A;}

#expos_accueil h1 a:hover
{color:#beb09f;}

#expos_accueil h2
{font: bold 21px/21px Trump, Arial, sans-serif; margin:0;text-transform:uppercase;color:#5e5347;}

#expos_accueil h2 a
{color:#5e5347;}

#expos_accueil .date
{font-size:15px;font-style:italic;color:#B12F2A;}

#expos_accueil .abstract
{font-size:13px;padding-bottom: 21px;border-bottom: 2px dotted #b0a498;margin-bottom:15px;padding-right:15px;}

#expos_accueil .abstract a:hover
{color:#c2b8ae;}

#expos_accueil #rubrique
{margin:0px 0 40px 0;}

#expos_accueil2
{padding:20px 15px 20px 20px;color:#c2b8ae;font-family:georgia,serif;}

#expos_accueil2 a
{text-decoration:none;}

#expos_accueil2 a:hover
{text-decoration:none;}

#expos_accueil2 h1
{font: bold 21px/21px Trump, Arial, sans-serif; margin:0;margin-top:10px;text-transform:uppercase;color:#B12F2A;}

#expos_accueil2 h1 a
{color:#B12F2A;}

#expos_accueil2 h1 a:hover
{color:#beb09f;}

#expos_accueil2 h2
{font: bold 18px/18px Trump, Arial, sans-serif; margin:0;text-transform:uppercase;color:#5e5347;}

#expos_accueil2 h2 a
{color:#5e5347;}

#expos_accueil2 .date
{font-size:15px;font-style:italic;color:#B12F2A;}

#expos_accueil2 .abstract
{font-size:13px;padding-right:15px;}

#expos_accueil2 .abstract a:hover
{color:#c2b8ae;}

#expos_accueil2 #rubrique
{margin:0px 0 40px 0;}



/******************************************************************/
/* EXPOSITIONS */
/******************************************************************/

#margins
{padding:30px 15px 20px 20px;color:#b6af95;font-family:tahoma,sans-serif;}

#margins h3
{margin-top:10px;font-size:13px;font-weight:normal;}

#margins h3 a
{text-decoration:none;color:#FFFFFF;}

#margins h3 a:hover
{text-decoration:none;color:#e9e3ca;}

#margins .artist
{color:#b6af95;}

#margins h1
{font: bold 21px/21px Trump, Arial, sans-serif; margin:0;margin-top:21px;text-transform:uppercase;color:#a79279;}

#margins h1 a
{color:#f5daaa;}

#margins h1 a:hover
{color:white;}

#margins h2
{font: bold 21px/21px Trump, Arial, sans-serif; margin:0;text-transform:uppercase;color:#f5daaa;margin-top:30px;}

#margins h2 a
{color:#f5daaa;}

#margins .date
{font-size:15px;font-style:italic;}

#margins .abstract
{font-size:13px;padding-bottom: 21px;border-bottom: 2px dotted #b0a498;margin-bottom:15px;padding-right:15px;}

#margins .abstract a:hover
{color:#e9e3ca;}



/******************************************************************/
/* EVENEMENTS SPECIAUX */
/******************************************************************/

#evenements_speciaux
{background: transparent;background-position: 0px 21px;padding:20px 15px 20px 20px;color:#6a5745;font-family:georgia,serif;}

#evenements_speciaux #rubrique
{margin:0px 0 50px 0;border-top:none;height:21px;background: url(/website/mb/resources/fbr.png) repeat-x;font: bold 21px/21px Trump, Arial, sans-serif; letter-spacing: 0.2em;padding-top:6px;}

#evenements_speciaux a
{text-decoration:none;}

#evenements_speciaux a:hover
{text-decoration:none;}

#evenements_speciaux h1
{font: bold 24px/24px Trump, Arial, sans-serif; margin:0;margin-top:10px;text-transform:uppercase;color:#6a5745;}

#evenements_speciaux h1 a
{color:#6a5745;}

#evenements_speciaux h1 a:hover
{color:#7f221e;}

#evenements_speciaux h2
{font: bold 20px/20px Trump, Arial, sans-serif; margin:0;text-transform:uppercase;color:#6a5745;}

#evenements_speciaux h2 a
{color:#ce5321;}

#evenements_speciaux .date
{font-size:15px;font-style:italic;}

#evenements_speciaux .abstract
{font-size:13px;padding-bottom: 21px;border-bottom: 2px dotted #6a5745;margin-bottom:15px;padding-right:15px;color:#6a5745;}

#evenements_speciaux .abstract a
{font-weight;bold;}


/*************************************************************************/
/* FOOTER */
/*************************************************************************/

#footer { width: 100%;vertical-align: top;text-align: center;color: black;padding: 10px; } 
#footer a {text-decoration:underline;color:black;}

			
/*************************************************************************/
/* SECTIONS */
/*************************************************************************/
.on
{display: active;}

.off
{display: none;}
 

/*************************************************************************/
/* CONTENT */
/*************************************************************************/
#center_pane 
{margin: 0px;padding:0px;font-family:georgia,serif;font-size:15px;line-height:21px;float:left;text-align:left;color:#796651;}

#center_pane .section {font-size:14px;color:#e28f47;letter-spacing:1px;text-transform:uppercase;margin: 21px 0px 0px 0px;}

#center_pane .separator
{margin-top:32px;text-align: center;}

#center_pane #rubrique
{margin: 40px 0px;max-width:250px;}

#center_pane h1 
{font: bold 36px/36px Trump, Arial, sans-serif; margin:0;margin-top:21px;text-transform:uppercase;color:#B12F2A;padding: 0px;margin:30px 0px 18px 0px;}

#center_pane h1 a
{text-decoration:none;}

#center_pane h1 a:hover
{text-decoration:underline;}

#center_pane h2 
{font: bold 24px/24px Trump, Arial, sans-serif; margin:0;margin-top:21px;text-transform:uppercase;color:#B12F2A;margin:24px 0px 0px 0px;}	

#center_pane h2 a
{text-decoration:none;color:#B12F2A;}

#center_pane h2 a:hover
{text-decoration:underline;color:#5e5347;}

#center_pane h3
{font-size: 18px;color:#8a7750;font-family:georgia,sans-serif;font-weight:normal;font-style:italic;padding: 0px;margin:21px 0px 5px 0px;}

#center_pane h3 a

{color:#8a7750;text-decoration:none;}

#center_pane h3 a:hover
{text-decoration:underline;}

#center_pane h4
{font-size: 21px;color: #8a7750;font-family:georgia,sans-serif;font-weight:normal;font-style:italic;font-weight:normal;padding: 8px 0px 3px 0px;margin:0px 0px 10px 0px;border-bottom: 3px solid #8a7750;border-top: 1px solid #8a7750;}	

#center_pane h4 a
{text-decoration:none;}

#center_pane h2 a:hover
{text-decoration:underline;}

#center_pane .text {line-height:21px;}
		
#center_pane .text p{margin-top: 14px;}

#center_pane .text a{color: #B12F2A;text-decoration:underline;}

#center_pane .text a:hover{color: #796651;text-decoration:underline;}

#center_pane .lead_text 
{font-size: 18px;color: #303030;font-weight:bold;line-height:21px;padding: 0px 0px 10px 0px;border-bottom: 1px dotted gray;}	

#center_pane .posted 
{color: #999999;}		

#center_pane .authors
{font-size: 16px;font-family:georgia,sans-serif;font-weight:normal;text-transform:uppercase;padding: 0px;margin:5px 0px;}

#center_pane .artist
{font-size:21px;font-variant:small-caps;}

#center_pane .artist1
{font-size:15px;text-transform:uppercase;font-variant:small-caps;}

#center_pane .date
{font-size:18px;font-style:italic;color:#B12F2A;}

#center_pane .vernissage
{font-size:18px;}

#center_pane .abstract 
{padding: 0px 0px 10px 0px;line-height:21px;}				 

#center_pane .keywords 
{padding: 0px 0px 10px 0px;line-height:21px;font-style:italic;}	

#center_pane .message
{padding: 0px 0px 10px 0px;font-size:13px;}				 

#center_pane .weblink
{padding-left:38px;padding-top:5px;background: url(/net/css/images/goto.png) no-repeat;color: #76DBBD;margin-top:20px;border-top: 1px dotted gray;height:30px;margin-bottom:30px;width:100%;overflow:hidden;}	

#center_pane .weblink a
{color: #76DBBD;text-decoration:underline;}

#center_pane .weblink a:hover
{text-decoration:none;}

#center_pane .comment
{background-color:#eef3e1;font-size:13px;width:600px;height:130px;}

#center_pane li
{list-style-type:square;margin-left:15px;padding-left:0px;}

#center_pane ul
{margin: 15px 0px 15px 7px;} 

#center_pane ul li ul li
{list-style-type:disc;padding-left:0px;}

#center_pane ul li ul
{margin: 0px 0px 0px 0px;} 

#center_pane ul li ul li ul li
{list-style-type:circle;padding-left:0px;}

#center_pane ul
{margin: 15px 0px 15px 7px;} 

#center_pane table
{background: url(/website/mb/resources/sommaire_f.jpg) repeat;border: 1px solid #c0c0c0;color:#6a5745;}

#contact
{width: 100%;height:100%;margin-top:40px;color: #e0ca90;}

#contact input[type="text"]
{font-family:tahoma,sans-serif;height:24px;padding: 0px 5px;font-size:13px;background:#f4f1e2;color:#4c1712;border: 1px solid #7d6c59;}

#contact input[type="text"]:hover
{background:#f3efd6;}

#contact input.validation_f
{font-family:tahoma,sans-serif;height:24px;padding: 0px 5px;font-size:13px;border: 1px solid #7d6c59;background: #b62f2c;color:#e0ca90;}

#contact .validation
{font-family:tahoma,sans-serif;height:24px;padding: 0px 5px;font-size:13px;border: 1px solid #7d6c59;background: #b62f2c;color:#e0ca90;}

#contact textarea
{font-family:tahoma,sans-serif;padding: 0px 5px;font-size:13px;background:#f4f1e2;color:#7d6c59;margin-right:6px;border: 1px solid #4c1712;}

#contact textarea:hover
{background:#f3efd6;}

#contact .input_label
{font-family:tahoma,sans-serif;margin-top:15px;font-size:13px;color:#7d6c59;border:none;}

#contact input[type="button"]
{font-family:tahoma,sans-serif;font-size:13px;background:#f4f1e2;padding: 3px 6px;}

/*************************************************************************/
/* IMPRESSION */
/*************************************************************************/

#impression 
{margin-top: 10px;}

.sm img {width:28px;height:28px;}
.sm fb{padding-right:6px;}

.accueil-inscriptions {display:block;float:none;margin-top:10px;}
.accueil-inscriptions a{display:inline;box-shadow:inset 0 0 10px rgba(236,223,179,0.7);background:#3d2f18;color:rgba(236,223,179,1);padding:10px 5px;border-radius:6px;}

.accueil-inscriptions a:hover{background:#3d2f18;box-shadow:none;}

.bouton-exposition-virtuelle {display:block;width:auto;float:none;margin: 2em 0;font-size:1.3em;}