html, body {
	height:100%;
	background:#eaeaea;
	font-family:Verdana,Arial,sans-serif;
	font-size:10px;
	color:#000000;
	margin:0 auto 0 auto;
	padding:0;
}
#page {
	width:1024px;
	background-color:#FFFFFF;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	margin:0 auto 0 auto;
	padding:0;
	min-height:100%;
}
img{
	border:0;
}
/*********************************************************
** HEADER
*********************************************************/

#header {
	display:block;
	width:1024px;
	height:292px;
	background:url('../img/header-BG.jpg') left top no-repeat;
}

#header h1 {
	display:block;
	width:202px;
	height:39px;
	margin:28px 0 0 22px;
	padding:0;
	float:left;
}
#nav {
	display:block;
	margin:15px 20px 0 0;
	float:right;
}
#flash {
	display:block;
	margin:11px 0 0 0;
	width:1024px;
	height:202px;
	float:left;
	clear:both;
}

#symbol {
	position:relative;
	display:block;
	width:121px;
	height:226px;
	background:url('../img/header-logo-symbol.png') no-repeat;
	top:110px;
	left:5px;
	z-index:10;
}

/*********************************************************
** CONTENT
*********************************************************/

#content {
	min-height:200px;
	margin: -1px 0 75px 0;
	width:100%;
	overflow:hidden;
}

/* Homepage blocs */
#homeblocs{
	width:954px;
	margin: 75px auto 0 auto;
	text-align:left;
}
#homeblocs h2 {
	display:block;
	width:318px;
	height:175px;
	margin:0;
	padding:0;
	float:left;
}
#homeblocs img {
	border:0;
}
#homeblocs p {
	display: block;
	width: 300px;
	padding:0;
	margin:0 9px 0 9px;
	float:left;
}
#homeblocs p img {
	vertical-align:middle;
	float:left;
	margin:0 5px 0 0;
}
#homeblocs p a:link, #homeblocs p a:visited {
	font-size:1.2em;
	font-style:italic;
	font-weight: bold;
	text-decoration:none;
	color:#000;
}
#homeblocs p a:hover, #homeblocs p a:active {
	font-size:1.2em;
	font-style:italic;
	font-weight: bold;
	text-decoration:underline;
	color:#000;
}

/*********************************************************
** CONTENU PRINCIPAL DES PAGES AVEC SIDEBAR
*********************************************************/
#content-principal {
	float:left;
	width:600px;
	padding: 50px 0 0 15px;
}
#content-principal h2.conventions {
	display:block;
	width:585px;
	height:52px;
	text-indent:-5000px;
	background-color:red;
	padding:0;
	margin:0;
}
#content-principal h2.conventions {
	background: url('../img/h2-conventions.png');
}
#content-principal p {
	font-size:1.2em;
	margin: 0 0 0 55px;
}

/*********************************************************
** SIDEBAR
*********************************************************/
#sidebar {
	display:block;
	width:340px;
	min-height:200px;
	margin: 0px 0px 0 663px;
}
#sidebarContent {
	background-color:#0d0d0d;
	color:#FFF;
}
#sidebarContent dl {
	margin:0;
	padding:30px 0 30px 13px;
	font-family:Verdana, sans-serif;
	font-size:1.2em;
	font-weight:bold;
}
#sidebarContent dt {
	display:block;
	text-indent:-5000px;
	width:200px;
	height:27px;
	margin:0;
	padding:0;
}

.eve {background:url('../img/dt-eve.png') no-repeat;}
.autres {background:url('../img/dt-autres.png') no-repeat;}

hr.dl-line {
	border:0;
	width:314px;
	height:2px;
	background-color:#4e4e52;
	margin:0px 0 0px 13px;
}

#sidebarContent dd a.conventions,
#sidebarContent dd a.receptions,
#sidebarContent dd a.lancement,
#sidebarContent dd a.evenements,
#sidebarContent dd a.animations,
#sidebarContent dd a.apropos,
#sidebarContent dd a.references,
#sidebarContent dd a.contact,
#sidebarContent dd a.clients
{
	display:block;
	width:238px;
	height:34px;
	text-indent:-5000px;
	background-position:top left;
	background-repeat: no-repeat;
	text-decoration:none;
}
#sidebarContent dd a.conventions:hover,
#sidebarContent dd a.receptions:hover,
#sidebarContent dd a.lancement:hover,
#sidebarContent dd a.evenements:hover,
#sidebarContent dd a.animations:hover,
#sidebarContent dd a.apropos:hover,
#sidebarContent dd a.references:hover,
#sidebarContent dd a.contact:hover,
#sidebarContent dd a.clients:hover
{
	background-position:bottom left;
}
#sidebarContent dd a.conventions.on,
#sidebarContent dd a.receptions.on,
#sidebarContent dd a.lancement.on,
#sidebarContent dd a.evenements.on,
#sidebarContent dd a.animations.on,
#sidebarContent dd a.apropos.on,
#sidebarContent dd a.references.on,
#sidebarContent dd a.contact.on,
#sidebarContent dd a.clients.on
{
	background-position:bottom left;
}
#sidebarContent dd a.conventions {
	background-image:url('../img/sidebar-eve-conventions.png');
}
#sidebarContent dd a.receptions {
	background-image:url('../img/sidebar-eve-receptions.png');
}
#sidebarContent dd a.lancement {
	background-image:url('../img/sidebar-eve-lancement.png');
}
#sidebarContent dd a.evenements {
	background-image:url('../img/sidebar-eve-evenements.png');
}
#sidebarContent dd a.animations {
	background-image:url('../img/sidebar-eve-animations.png');
}
#sidebarContent dd a.apropos {
	background-image:url('../img/sidebar-autres-apropos.png');
}
#sidebarContent dd a.references {
	background-image:url('../img/sidebar-autres-references.png');
}
#sidebarContent dd a.contact {
	background-image:url('../img/sidebar-autres-contact.png');
}
#sidebarContent dd a.clients {
	background-image:url('../img/sidebar-autres-clients.png');
}
#sidebarHeader {
	position:relative;
	display:block;
	width:349px;
	height:112px;
	background:url('../img/sidebar-header.png') no-repeat;
	top:-45px;
	left:657px;
	z-index:10;
}
#sidebarFooter {
	display:block;
	width:340px;
	height:175px;
	background:url('../img/sidebar-footer.png') no-repeat;
	margin: 0 20px 0 0;
}

/*********************************************************
** FOOTER
*********************************************************/

#footer {
	/*position:absolute;
	bottom:0px;*/
	display:block;
	width:1024px;
	background:url('../img/footer-BG.png') left top repeat-x;
	text-align:center;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
}
#footer p {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	color:#adaeb0;
	margin:0;
}
.bold {
	font-weight: bold;
}
#footer a:link, a:visited {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	color:#adaeb0;
	text-decoration:none;
}
#footer a:hover, a:active {
	/*font-family: Verdana, sans-serif;*/
	font-size: 1em;
	color:#adaeb0;
	text-decoration:underline;
}
#footer .nr {
	margin: 18px 0 0 0;
}
#footer .nr img {
	vertical-align:middle;
}

/*********************************************************
** FUCKING IE HACKS
*********************************************************/
/* IE 7 Placement de #symbol */
*+html #symbol {
	position:relative;
	display:block;
	width:121px;
	height:226px;
	background:url('../img/header-logo-symbol.png') no-repeat;
	top:100px;
	left:-220px;
	z-index:10;
}
/* IE 6 Placement de #symbol */
* html #symbol {
	position:relative;
	display:block;
	width:121px;
	height:226px;
	background:url('../img/header-logo-symbol.png') no-repeat;
	top:50px;
	left:-235px;
	z-index:10;
}
/* IE 6 Largeur Header */
* html #header {
	display:block;
	width:1003px;
	height:292px;
	background:url('../img/header-BG.jpg') left top no-repeat;
}
/* IE 6 Largeur Homeblocs */
* html #homeblocs p {
	display: block;
	width: 282px;
	padding:0;
	margin:0 9px 0 9px;
	float:left;
}
/* IE 7 Calage de la sidebar */
*+html #sidebarHeader {
	top:-110px;
}
*+html #content {
	margin: -12px 0 75px 0;
}
/* IE 7 HR Sidebar */
/* IE 7 Calage de la sidebar */
*+html #sidebarHeader {
	top:-110px;
}
*+html #content {
	margin: -12px 0 75px 0;
}
/* IE 7 HR Sidebar */
*+html hr.dl-line {
	width:308px;
	color:#4e4e52;
	margin:0px 0 0px 0px;
}
/* IE 6 Calage de la sidebar */
* html #sidebarHeader {
	top:-110px;
}
* html #content {
	margin: -115px 0 75px 0;
}
* html #sidebar {
	margin: 0px 0px 0 660px;
}
/* IE 7 HR Sidebar */
* html hr.dl-line {
	width:308px;
	color:#4e4e52;
	margin:0px 0 0px 0px;
}
