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;
	position:relative;
}

#header h1 {
	display:block;
	width:209px;
	height:39px;
	margin:28px 0 0 22px;
	padding:0;
	float:left;
}
#nav {
	display:block;
	right:40px;
	top:30px;
	border:0px solid #F00;
	width:325px;
	position:absolute;
}
#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, h2.seminaires, h2.receptions, h2.lancement, h2.sportifs, h2.animations, h2.conception, h2.fabrication, h2.stockage, h2.edition, h2.multimedia, h2.audiovisuel, h2.apropos1, h2.apropos2, h2.apropos3, h2.contact, h2.plans, h2.eve, h2.com, h2.sta, h2.references, h2.clients {
	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 h2.seminaires {
	background: url('../img/h2-seminaires.png');
}
#content-principal h2.receptions {
	background: url('../img/h2-receptions.png');
}
#content-principal h2.lancement {
	background: url('../img/h2-lancement.png');
}
#content-principal h2.sportifs {
	background: url('../img/h2-sportifs.png');
}
#content-principal h2.animations {
	background: url('../img/h2-animations.png');
}
#content-principal h2.conception {
	background: url('../img/h2-conception.png');
}
#content-principal h2.fabrication {
	background: url('../img/h2-fabrication.png');
}
#content-principal h2.stockage {
	background: url('../img/h2-stockage.png');
}
#content-principal h2.edition {
	background: url('../img/h2-edition.png');
}
#content-principal h2.multimedia {
	background: url('../img/h2-multimedia.png');
}
#content-principal h2.audiovisuel {
	background: url('../img/h2-audiovisuel.png');
}
#content-principal h2.apropos1 {
	background: url('../img/h2-apropos1.png');
}
#content-principal h2.apropos2 {
	background: url('../img/h2-apropos2.png');
}
#content-principal h2.apropos3 {
	background: url('../img/h2-apropos3.png');
}
#content-principal h2.contact {
	background: url('../img/h2-contact.png');
}
#content-principal h2.plans {
	background: url('../img/h2-plans.png');
}
#content-principal h2.eve {
	background: url('../img/h2-eve.png');
}
#content-principal h2.com {
	background: url('../img/h2-com.png');
}
#content-principal h2.sta {
	background: url('../img/h2-sta.png');
}
#content-principal h2.references {
	background: url('../img/h2-references.png');
}
#content-principal h2.clients {
	background: url('../img/h2-clients.png');
}
#content-principal p {
	font-size:1.2em;
	margin: 0 0 0 55px;
	text-align:justify;
}
#content-principal p.paragraph {
	margin: 0 0 0 55px;
	padding: 0 25px 35px 0;
	background:url('../img/paragraph-BG.png') no-repeat right bottom;
}
#submenu {
	list-style:none;
	margin: 25px 0 0 15px;
}
#submenu li {
	background:url('../img/submenu-li.png') no-repeat center left;
	padding:0 0 0 27px;
}
#submenu a:link, #submenu a:visited {
	font-size:1.2em;
	font-weight:bold;
	line-height:2em;
	color:#4e4e52;
	text-decoration:none;
}
#submenu a:hover, #submenu a:active {
	font-size:1.2em;
	font-weight:bold;
	line-height:2em;
	color:#EBD800;
	text-decoration:none;
}

/*********************************************************
** FORMULAIRE DE CONTACT
*********************************************************/
#contactForm {
	width:535px;
	margin: 25px 0 35px 55px;
}
#contactForm label {
	color:#4e4e52;
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0 0 0;
}
.contactFields {
	width:353px;
	height:20px;
	margin:0 0 10px 0;
	background-color:#F5F5F5;
	border:2px solid #D7D7D7;
	float:right;
	font-size:1.2em;
	padding:7px 0 0 7px;
}
#contactForm .Blob {
	height:190px;
}
#contactForm select {
	width:365px;
	height:30px;
	margin:0 0 10px 0;
	background-color:#F5F5F5;
	border:2px solid #D7D7D7;
	float:right;
	font-size:1.2em;
}
#contactForm option {
	height:30px;
	padding:7px 0 0 7px;
	border-top:1px solid #D7D7D7;
	border-bottom:1px solid #D7D7D7;
}
.contactSubmit {
	width:110px;
	height:27px;
	margin:0 0 10px 0;
	background-color:#F5F5F5;
	border:2px solid #D7D7D7;
	float:right;
	font-size:1.2em;
	font-weight:bold;
}
.contactSubmit:hover {
	width:110px;
	height:27px;
	margin:0 0 10px 0;
	background-color:#0E0E0E;
	color:#EBD800;
	float:right;
	font-size:1.2em;
	font-weight:bold;
	cursor:pointer;
}
#loader {
	width:535px;
	margin: 25px 0 35px 55px;
	color:#4e4e52;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
#bar {
	display:none;
	background: url('../img/ajax-loader.gif') no-repeat center;
  	margin: 0 auto 0 auto;
  	height:19px;
  	width: 535px;
}


/*********************************************************
** GALLERIES LIGHTBOX
*********************************************************/
#gallery {
	width: 100%;
	padding: 25px 0 0 55px;
}
.thumbnail {
	display:block;
	background-color:#4e4e52;
	padding: 5px;
	float: left;
	margin: 0 18px 18px 0;
}
.thumbnail:hover {
	background-color:#0d0d0d;
}
.thumbnail img {
	border: 0;
	margin : auto;
}
.caption {
	font-weight: bold;
	color: #fff;
}

/*********************************************************
** GOOGLE MAPS
*********************************************************/
#maps {
	width:535px;
	border-bottom: solid 1px #c4c4c4;
	margin: 25px 0 0 55px;
}
#maps h3 {
	background: #0d0d0d url('../img/arrow-square.png') no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #4e4e52;
	border-bottom: none;
	cursor: pointer;
	color:#FFFFFF;
}
#maps h3:hover {
	color: #ebd800;
}
#maps h3.active {
	background-position: right 5px;
}
.map {
	width:535px;
	height:300px;
}
#plan-footer {
	width:535px;
	height:55px;
	margin: 10px 0 5px 55px;
}

#container-map {
	width:640px;
	height:590px;
	position:absolute;
	margin-left:-320px;
	left:50%;
	margin-top:-313px;
	top:50%;
	padding:25px 25px 0 25px;
	background:#FFF;
}
/*********************************************************
** ZONE CLIENTS
*********************************************************/
#clientsFiles {
	width:535px;
	margin: 25px 0 35px 55px;
	font-size:0.9em;
	color:#0d0d0d;
	border-collapse:collapse;
	border-spacing:0px;
}
#clientsFiles thead td {
	font-weight:bold;
	border-bottom:1px solid #d7d7d7;
}
#clientsFiles td {
	border-bottom:1px solid #d7d7d7;
	height:28px;
}
#clientsFiles .download {
	float:right;
	border:0;
}
#clientsFiles .ligne1 {
	background-color:#F5F5F5;
}
#clientsFiles .ligne0 {
	background-color:#FFFFFF;
}

/*********************************************************
** SIDEBAR
*********************************************************/
#sidebar {
	display:block;
	width:340px;
	min-height:200px;
	margin: 0px 0px 0 663px;
	border:0px solid #F00;
}
#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;
	border:0px solid #F00;
}
#sidebarContent dt {
	display:block;
	text-indent:-5000px;
	width:200px;
	height:27px;
	margin:0;
	padding:0;
	border:0px solid #F00;
}

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

hr.dl-line {
	border:0;
	width:314px;
	height:1px;
	background-color:#4e4e52;
	margin:0px 0 0px 13px;
}
#sidebarContent dd {
	border:0px solid #F00;
	padding:0;
	margin:0;
}
#sidebarContent dd a.conventions,
#sidebarContent dd a.seminaires,
#sidebarContent dd a.receptions,
#sidebarContent dd a.lancement,
#sidebarContent dd a.evenements,
#sidebarContent dd a.animations,
#sidebarContent dd a.edition,
#sidebarContent dd a.multimedia,
#sidebarContent dd a.audiovisuel,
#sidebarContent dd a.conception,
#sidebarContent dd a.fabrication,
#sidebarContent dd a.stockage,
#sidebarContent dd a.apropos,
#sidebarContent dd a.references,
#sidebarContent dd a.contact,
#sidebarContent dd a.clients
{
	display:block;
	width:296px;
	height:26px;
	color:#FFF;
	background-position:top left;
	background-repeat: no-repeat;
	text-decoration:none;
	font-weight:normal;
	padding-top:8px;
	padding-left:3px;
	text-indent:39px;
	font-size:13px;
	border:0px solid #F00;
}
/*#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.seminaires:hover,
#sidebarContent dd a.receptions:hover,
#sidebarContent dd a.lancement:hover,
#sidebarContent dd a.evenements:hover,
#sidebarContent dd a.animations:hover,
#sidebarContent dd a.edition:hover,
#sidebarContent dd a.multimedia:hover,
#sidebarContent dd a.audiovisuel:hover,
#sidebarContent dd a.conception:hover,
#sidebarContent dd a.fabrication:hover,
#sidebarContent dd a.stockage:hover,
#sidebarContent dd a.apropos:hover,
#sidebarContent dd a.references:hover,
#sidebarContent dd a.contact:hover,
#sidebarContent dd a.clients:hover
{
	color:#000;
	background-position:bottom left;
}
#sidebarContent dd a.conventions.on,
#sidebarContent dd a.seminaires.on,
#sidebarContent dd a.receptions.on,
#sidebarContent dd a.lancement.on,
#sidebarContent dd a.evenements.on,
#sidebarContent dd a.animations.on,
#sidebarContent dd a.edition.on,
#sidebarContent dd a.multimedia.on,
#sidebarContent dd a.audiovisuel.on,
#sidebarContent dd a.conception.on,
#sidebarContent dd a.fabrication.on,
#sidebarContent dd a.stockage.on,
#sidebarContent dd a.apropos.on,
#sidebarContent dd a.references.on,
#sidebarContent dd a.contact.on,
#sidebarContent dd a.clients.on
{
	color:#000;
	background-position:bottom left;
}

#sidebarContent dd a.conventions {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.seminaires {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.receptions {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.lancement {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.evenements {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.animations {
	background-image:url('../img/sidebar-bg-last.jpg');
}
#sidebarContent dd a.edition {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.multimedia {
	background-image:url('../img/sidebar-bg-last.jpg');
}
#sidebarContent dd a.audiovisuel {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.conception {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.fabrication {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.stockage {
	background-image:url('../img/sidebar-bg-last.jpg');
}
#sidebarContent dd a.apropos {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.references {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.contact {
	background-image:url('../img/sidebar-bg.jpg');
}
#sidebarContent dd a.clients {
	background-image:url('../img/sidebar-bg-last.jpg');
}
#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:350px;
	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:50px;
	left:-225px;
	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 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: -1px 0 75px 0;
}
* html #sidebar {
	margin: 0px 0px 0 660px;
}
/* IE 6 HR Sidebar */
* html hr.dl-line {
	width:308px;
	color:#4e4e52;
	margin:0px 0 0px 0px;
}
/* IE 7 Submenu */
*+html #submenu {
	list-style:none;
	margin: 25px 0 0 55px;
}