@charset "utf-8";
*, html, body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.hide {
	display:none;
}
.none {
}

div#page {
	position:relative;
	width:955px;
	margin:0 auto;
	background:url(../images/header_back_2.jpg) left top no-repeat;
}

div#header {
	width:955px;
	height:226px;
}

div#header_slideshow {
	position:absolute;
	left:532px;
	top:53px;
	width:419px;
	height:130px;
}

div#main_col {
	position:relative;
	float:left;
	display:inline;
	width:642px;
	margin-left:75px;
	margin-bottom:20px;
}
div#right_col {
	position:relative;
	float:left;
	display:inline;
	width:229px;
	margin-left:5px;
	margin-bottom:20px;
}

div.motif_orgue {
	position:absolute;
	left:0;
	top:0;
	width:192px;
	height:163px;
	background:url(../images/motif_orgue.png) left top no-repeat;
}

div#onglets {
	position:relative;
	width:616px;
	height:26px;
	margin-left:21px;
	margin-top:18px;
	z-index:1;
}
.onglet_actif, .onglet_inactif {
	display:inline;
}
.onglet_gauche, .onglet_droite, .onglet_milieu {
	position:relative;
	float:left;
	height:26px;
}
.onglet_gauche, .onglet_droite {
	width:6px;
}

.onglet_actif span.onglet_gauche { background:url(../images/onglet_actif_gauche.png) top left no-repeat; }
.onglet_actif span.onglet_droite { background:url(../images/onglet_actif_droite.png) top left no-repeat; margin-right:2px; }
.onglet_actif span.onglet_milieu { background:url(../images/onglet_actif_milieu.png) top left repeat-x; }

.onglet_inactif span.onglet_gauche { background:url(../images/onglet_inactif_gauche.png) top left no-repeat; }
.onglet_inactif span.onglet_droite { background:url(../images/onglet_inactif_droite.png) top left no-repeat; margin-right:2px; } .onglet_inactif span.onglet_milieu { background:url(../images/onglet_inactif_milieu.png) top left repeat-x; }

.onglet_milieu {
	font-size:13px;
	font-weight:bold;
	padding-top:5px;
	padding-left:9px;
	padding-right:9px;
}

#main_content, #main_content_onglets {
	position:relative;
	margin-top:-1px;
	margin-left:21px;
	width:584px;
	padding:16px;
}
#main_content_onglets {
	background:url(../images/main_content_bottom.png) bottom left repeat-x;
	border:#A9A9A9 solid 1px;
}
#main_content_col1, #main_content_col2 {
	display:inline;
	float:left;
	position:relative;
	width:282px;
	margin-right:16px;
	padding:0;
}
#main_content_col2 {
	margin-right:0;
}
#right_content {
	position:relative;
	margin-top:16px;
	margin-left:12px;
	width:185px;
	padding:6px 16px;
}
#footer {
	position:relative;
	clear:both;
	width:100%;
	margin:0;
}
#footer p {
	text-align:center;
}

div.marquee {
	position:relative;
	width:100%;
	height:200px;
	margin-bottom:16px;
}
div.marquee_content {
	position:absolute;
	top:0px;
	width:100%;
	text-align:center;
}
#popup {
	position:absolute;
	border:#A9A9A9 solid 1px;
	background:url(../images/main_content_bottom.png) bottom left repeat-x;
	background-color:#FFFFFF;
	text-align:center;
	z-index:1;
}
#popup a {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
	background:url(../images/invisible.png) top left repeat;
}	
#popup img {
	margin:16px;
}
#popup p {
	text-align:center;
	margin-left:16px;
	margin-right:16px;
}