body {background: #fff; margin: 0}
img {margin: 0}
p, ul, li, div, td  {font: 10px/1.4 "Lucida Grande", Arial, Verdana, sans-serif;}
em {background: none;}

/*.container { background: url(../blueprint/lib/grid.png); }  */ 
.container { margin-top: 16px; }

hr {background: #fff; color: #fff;}
hr.endHeader { margin-bottom: 30px;}

/*		# header */

.header { height: 100px;background: url(../images/core/baseline.gif) no-repeat right bottom ;margin: 0;}
.logo 	{ padding-top: 38px; line-height:32px; margin: 0}

.adresse, .horaires {display: none;clear: right;}
body#accueil .adresse, body#accueil .horaires {display: block;}
.header p {margin: 0;}
.adresse, .horaires {
	float:right; color:#c1212e;
	padding: 10px 3px 0 0;text-align: right; }
.adresse a:link {color:#c1212e;text-decoration: none; font-weight: bold;	}
.adresse p.coord { margin-top: 7px}
.horaires {	color:#000;	}

/*		# footer */

.footer {color:#ccc; text-align: right;display: none; margin-top: 64px}
body#accueil .footer {display: block}

/*		# links */

a {	color: #3C3C3C; outline: none; cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/core/3c3c3cpixel.gif) repeat-x 0 100%;
	padding-bottom: 1px; }
a:visited { color: #333; }
a:hover, a:focus { color: #000; }
a:active { color: #333; }

.footer a {
	color: #ccc;
	background: url(../images/core/grayPixel.gif) repeat-x 0 100%;
}
.header a { background: transparent;}

/*		# content */

#player, .articleImage {text-align: left;margin-left: 10px;}

.articleDesc h2 {
	color:#222;
	margin-bottom: 0.125em;
	font-weight: bold;
}
.articleDesc p {
	margin-bottom: 0.125em;
	font-weight: normal;
}
/*		# nav articles */

.articleNav ul {
	margin: 0;
	padding-top: 0.495em;
}
.articleNav ul li {
	display: inline;
	padding-left: 0.125em;
}
.articleNav ul li a {
	padding: 0 0.225em;
	color: #666;
	text-decoration: none;
	background : none;
	border: 1px solid #fff;
}
.articleNav ul li a:focus, .articleNav ul li a:hover, .articleNav ul li.active a {
	border-bottom-color: #999;
}
.articleNav ul li.active a {
	color: #000;
	border-bottom-color: #000;
}

/*		# outils articles */

.retour {
	text-align: right;
	padding-right: 10px;
	margin-bottom: 1em;
}
.sommaire {float: right;}

table.article1 td,table.article8 td {
	padding: 0 30px 30px 0;
}
table.article8 td {
	text-align: center;
}
.outils-entete, .questions-entete {
	text-align: right;
	height: 121px;width: 536px;
}
.outils-content {
	margin-left: 30px
}
.outils-content p {
	margin-bottom: 0;
}
.outils-content h2, .questions-content h2 {
	font-weight: bold;
	color: #666;
	margin: 1em 0 2em 0;
}
.outils-content h3 {
	margin: 0 1em 2em 0;
}
.questions-content h3 {
	font-weight: bold;
	margin: 1em 1em 2em 0;
}
.outils-article1 {	background: #ffcc33;}
.outils-article2 {	background: #676666;}
.outils-article3 {	background: #cc0033;}
.outils-article4 {	background: #ff9900;}
.outils-article5 {	background: #bea489;}
.outils-article6 {	background: #87c7e1;}
.outils-article7 {	background: #996699;}
.outils-article8 {	background: #999999;}
.outils-article9 {	background: #cccc33;}


/*		# questions articles */

.questions-article1 {	background: #ec730c;}
.questions-article2 {	background: #b0b503;}
.questions-article3 {	background: #fae031;}
.questions-article4 {	background: #db007a;}
.questions-article5 {	background: #572767;}
.questions-article6 {	background: #a89a9f;}
.questions-article7 {	background: #87cee0;}
.questions-article8 {	background: #e20030;}
.questions-article9 {	background: #b19873;}

.img-border { border: 1px solid #ccc}
div.active p { color: #c1212e}

/*		# nav */
.navbar ul li a span, .sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.nav-1, .nav-2 {	overflow: hidden;margin: 0;padding: 0; list-style: none; padding-left: 7px;}


.nav-1 	{	height: 135px; }
.nav-2	{	height: 110px;margin-top: 137px }

.nav-1 li, .nav-2 li { float: left ;line-height: normal;	}
.nav-1 li a, .nav-2 li a { display: block; width: 90px; height: 27px; text-decoration:none;padding:0}
.nav-1 li a	{background: url(../images/core/navbar-1.gif) no-repeat}
.nav-2 li a	{ height: 20px; background: url(../images/core/navbar-2.gif) no-repeat}

.nav-1 li.naissance a, .nav-2 li.questions a {background-position:  0 0}
.nav-1 li.mariage a		{background-position:  0 -27px}
.nav-1 li.papeterie a	{background-position:  0 -54px}
.nav-1 li.voeux a		{background-position:  0 -81px}
.nav-1 li.creations a	{background-position:  0 -108px}
li.naissance a:hover, li.naissance a:focus, li.naissance a:active, li.naissance a.active,
li.questions a:hover, li.questions a:focus, li.questions a:active, li.questions a.active,
li.contact a:hover, li.contact a:focus, li.contact a:active, li.contact a.active		 	{ background-position: -90px 0;}
li.mariage a:hover, li.mariage a:focus, li.mariage a:active, li.mariage a.active,
li.outils a:hover, li.outils a:focus, li.outils a:active, li.outils a.active,
li.actualite a:hover, li.actualite a:focus, li.actualite a:active, li.actualite a.active	{ background-position: -90px -27px;}
li.papeterie a:hover, li.papeterie a:focus, li.papeterie a:active, li.papeterie a.active	{ background-position: -90px -54px;}
li.voeux a:hover, li.voeux a:focus, li.voeux a:active, li.voeux a.active					{ background-position: -90px -81px;}
li.creations a:hover, li.creations a:focus, li.creations a:active, li.creations a.active 	{ background-position: -90px -108px;}

.nav-2 li.outils a		{background-position:  0 -20px}
.nav-2 li.contact a		{background-position:  0 -90px}
.nav-2 li.actualite a	{background-position:  0 -70px; margin-top: 30px;}

li.questions a:hover, li.questions a:focus, li.questions a:active, li.questions a.active 	{ background-position: -90px 0;}
li.outils a:hover, li.outils a:focus, li.outils a:active, li.outils a.active{ background-position: -90px -20px;}
li.contact a:hover, li.contact a:focus, li.contact a:active, li.contact a.active	{ background-position: -90px -90px;}
li.actualite a:hover, li.actualite a:focus, li.actualite a:active, li.actualite a.active { background-position: -90px -70px;}