/* 
  ------------------------------------------------
  CSS layout for La Maison Grise de Montréal
  -- Entry page -- 
  Copyright (c) 2009 Natmark-Concept inc. - www.natmark.net
  ------------------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #E5E3A6;
	padding: 20px;
}

img { border: 0px; }

#wrapper { background-color: #fff; color: #333333; width: 998px; margin: 0 auto; border: 1px solid #303C14; overflow:hidden; }

#topbanner { background-color: #E5E3A6; color: #72922F; padding: 0px; margin: 0px; }
#topbanner .content { border: 2px solid #FFF; }
/*
 Top Menu main links 
#topbanner .topmenulist a, #topbanner .topmenulist a:visited { 
    color: #72922F; 
	background-color: #E5E3A6; 
	padding: 0 0 0 28px; 
	text-decoration: none; }

#topbanner .topmenulist a:hover { 
    text-decoration: none; 
	color: #B82E0E; 
	background-color: #E5E3A6; 
	background-image: url(../images/acc-papillon.gif); background-repeat: no-repeat; }
*/
/* Top Menu main links */
a.accueil:link, a.accueil:visited { display: block; height: 40px; background-image: url(../images/bt1-accueil.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
a.accueil:hover, a.accueil:active { display: block; height: 40px; background-image: url(../images/bt1-accueil-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
a.accueil:hover img { visibility: hidden; } /* Will make CSS image roll-over buttons visible if CSS is disable */
a.accueilon:link { display: block; height: 40px; background-image: url(../images/bt1-accueil-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }

a.plan:link, a.plan:visited { display: block; height: 21px; background-image: url(../images/bt1-plan.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
a.plan:hover, a.plan:active { display: block; height: 21px; background-image: url(../images/bt1-plan-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
a.plan:hover img { visibility: hidden; } /* Will make CSS image roll-over buttons visible if CSS is disable */
a.planon:link { display: block; height: 21px; background-image: url(../images/bt1-plan-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }

a.contact:link, a.contact:visited { display: block; height: 21px; background-image: url(../images/bt1-contact.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
a.contact:hover, a.contact:active { display: block; height: 21px; background-image: url(../images/bt1-contact-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
a.contact:hover img { visibility: hidden; } /* Will make CSS image roll-over buttons visible if CSS is disable */
a.contacton:link { display: block; height: 21px; background-image: url(../images/bt1-contact-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }

a.donnez:link, a.donnez:visited { display: block; height: 21px; background-image: url(../images/bt1-donnez.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
a.donnez:hover, a.donnez:active { display: block; height: 21px; background-image: url(../images/bt1-donnez-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
a.donnez:hover img { visibility: hidden; } /* Will make CSS image roll-over buttons visible if CSS is disable */
a.donnezon:link { display: block; height: 21px; background-image: url(../images/bt1-donnez-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }

a.emplois:link, a.emplois:visited { display: block; height: 41px; background-image: url(../images/bt1-emplois.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
a.emplois:hover, a.emplois:active { display: block; height: 41px; background-image: url(../images/bt1-emplois-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }
a.emplois:hover img { visibility: hidden; } /* Will make CSS image roll-over buttons visible if CSS is disable */
a.emploison:link { display: block; height: 41px; background-image: url(../images/bt1-emplois-over.gif); background-position: top; background-repeat: no-repeat; text-decoration: none; }

/* Flèche Entrée hover */
a.entrez:link, a.entrez:visited { display: block; margin-top: 30px; height: 18px; background-image: url(../images/entrez.gif); background-position: right; background-repeat: no-repeat; text-decoration: none; }
a.entrez:hover, a.entrez:active { display: block; margin-top: 30px; height: 18px; background-image: url(../images/entrez-over.gif); background-position: right; background-repeat: no-repeat; text-decoration: none; }
a.entrez:hover img { visibility: hidden; } /* Will make CSS image roll-over buttons visible if CSS is disable */

#column_wrapper { border-left: 2px solid #fff; border-right: 2px solid #fff; font-size: 0.8em; }

.clearfloat { clear: both; height: 0; line-height: 0; font-size: 0; }

#one { width: 249px; float: left; }
#one .content { margin: 0 0; padding: 0px 20px 20px 10px; font-size: 12px; line-height: 1.65em;}
#one a:link, #one a:visited, #one a:hover, #one a:active { text-decoration: none; }

#two { width: 249px; float: left; }
#two .content { margin: 0 0; padding: 0px 20px 20px 10px; font-size: 12px; line-height: 1.65em; }
#two a:link, #two a:hover { text-decoration: none; }

#three { width: 249px; float: left; }
#three .content { margin: 0 0; padding: 0px 20px 20px 10px; font-size: 12px; line-height: 1.65em; }
#three a:link, #three a:hover { text-decoration: none; }

#four { width: 247px; float: left; }
#four .content { margin: 0 0; padding: 0px 20px 20px 10px; font-size: 12px; line-height: 1.65em; }
#four a:link, #four a:hover { text-decoration: none; }

#footer { text-align: center; margin: 10px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#footer a:link { color: #000; background-color: #E5E3A6; }
#footer a:visited { color: #000; background-color: #E5E3A6; }
#footer a:hover { color: #000; background-color: #E5E3A6; text-decoration: overline; }

h1 { font-size: 12px; margin: 0px; padding: 0px; }
h2 { font-size: 12px; margin: 12px 0; font-weight: normal; }
.nomargintop {margin-top: 0;}
.content p { margin: 12px 0; }
.small { font-size: 10px; }

a:link, a:visited { color: #6A892C; background-color: #ffffff; }
a:hover, a:active { color: #333; background-color: #ffffff; }
.framed { border: 1px solid #6A892C; border-collapse:collapse;}