/*background*/
.page-info #area 					{ background: url(../images/background.png) no-repeat; }

/*titres*/
.page-info h1.titre-info			{ background: gold; width: 274px; height: 50px; float: left; display: block; text-indent: -1000em; }
.page-info h1.bio					{ background: url(../images/menu.png) no-repeat; }
.page-info h1.mission				{ background: url(../images/menu.png) no-repeat -274px 0; }

/*menu bio*/
.page-info ul.menu-bio				{ width: 274px; height: 168px; margin: 0; padding: 0; float: left; }
.page-info ul.menu-bio li			{ width: 274px; height: 28px; margin: 0; padding: 0; float: left; }
.page-info ul.menu-bio li a			{ background-image: url(../images/menu.png); background-repeat: no-repeat; width: 274px; height: 28px; float: left; text-indent: -1000em; }

.page-info ul.menu-bio li.dominique a				{ background-position: 0 -60px; }
.page-info ul.menu-bio li.dominique a:hover			{ background-position: -274px -60px; }
.page-info ul.menu-bio li.justin a					{ background-position: 0 -88px; }
.page-info ul.menu-bio li.justin a:hover			{ background-position: -274px -88px; }
.page-info ul.menu-bio li.gaetan a					{ background-position: 0 -116px; }
.page-info ul.menu-bio li.gaetan a:hover			{ background-position: -274px -116px; }
.page-info ul.menu-bio li.marie-helene a			{ background-position: 0 -144px; }
.page-info ul.menu-bio li.marie-helene a:hover		{ background-position: -274px -144px; }
.page-info ul.menu-bio li.nancy a					{ background-position: 0 -172px; }
.page-info ul.menu-bio li.nancy a:hover				{ background-position: -274px -172px; }
.page-info ul.menu-bio li.sebastien a				{ background-position: 0 -200px; }
.page-info ul.menu-bio li.sebastien a:hover			{ background-position: -274px -200px; }


/*main content*/
.page-info #maincolumnwide			{ width: 554px; height: 420px; padding-right: 20px; margin-left: 45px; float: left; overflow: auto; }

.page-info .texte-header			{ width: 100%; height: 46px; float: left; }
.page-info .header-large			{ height: 62px; float: left; }
.page-info h1						{ font-weight: normal; font-size: 20px; line-height: 20px; margin: 0; color: #000; }
.page-info h2						{ font-weight: normal; font-size: 16px; line-height: 16px; margin: 0; color: #000; }
.page-info h3						{ font-weight: normal; font-size: 13px; line-height: 15px; margin: 0; color: #000; }
.page-info p						{ margin-bottom: 4px; }

.page-info img.photo				{ margin: 0 0 10px 20px; float: right; width: 120px;height: 120px; }

.page-mission .texte-header			{ width: 100%; height: 25px; float: left; }

#menu-section						{ width: 112px; height: 30px; margin: 30px 0 0 0; padding: 0; float: right; }
#menu-section ul					{ width: 112px; height: 30px; padding: 0; float: right; }
#menu-section li					{ height: 30px; margin: 0; padding: 0; display: inline; }
#menu-section li a					{ background-image: url(../images/menu-section.png); background-repeat: no-repeat; height: 30px; float: left; text-indent: -1000em; }

#menu-section li.menu-mission a			{ width: 66px; background-position: 0 0; }
#menu-section li.menu-mission a:hover	{ background-position: 0 -30px; }
#menu-section li.menu-bio a				{ width: 46px; background-position: -66px 0; }
#menu-section li.menu-bio a:hover		{ background-position: -66px -30px; }

.page-mission #menu-section li.menu-mission a	{ width: 66px; background-position: 0 -30px; }
.page-bio #menu-section li.menu-bio a			{ width: 46px; background-position: -66px -30px; }

.page-info .bouton-fermer			{ background: url(../images/bouton-close.png) no-repeat; width: 24px; height: 24px; position: absolute; top: 10px; right: 10px; text-indent: -1000em; }