@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; outline:none; }
a { outline:none; }
body {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#flashintro {
	position:absolute;
	width:100%;
	left:0;
}
#flashintro a { color:#666699;}
#page {
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:600px;
	background:url(images/fond_body.png) no-repeat;
}
#header { 
	width:100%;
	height:132px;
	cursor:pointer;
}
.mainTitle {
	color:#d3d9eb;
	font-size:24px;
}
#contentBody {
	margin-left:auto;
	margin-right:auto;
	width:845px;
	height:440px;
	border-top:1px solid #43575d;
	border-bottom:1px solid #333;
	padding:15px 0px 15px 0px;
}
#contentMain {
	width:99%;
	height:460px;
	text-align:left;
	margin-left:2px;
}
#page_home,#page_auditorium,#page_curriculum,#page_technologies,#page_video,#page_philosophie,#page_livreor,#page_contact,#page_evenements, #page_livreor_form{
	width:100%;
	height:435px;
	background:#fff;
	border:2px solid #c9d2e8;
}
#page_quellis {
	width:820px;
	height:461px;
	margin-top:-12px;
	margin-left:11px;
}
#page_home,#page_auditorium,#page_curriculum,#page_technologies,#page_video,#page_philosophie{
	background:#fff url(images/accueil.png) bottom no-repeat;
}
#page_contact,#page_evenements, #page_livreor_form {
	background:#f8f9fc url(images/fond-contact.png) center no-repeat;
}
/*-------------------------- Mise en page des pages statiques : Menu Eric Van Gucht-------------------------*/
.textMain {
	width:350px;
	margin-left:280px;
	margin-top:55px;
	color:#666699;
	height:340px;
	overflow:auto;
	font-size:11px;
}
#page_technologies .textMain{ margin-top:30px; }
#page_technologies .phraseAccueil{ margin-top:5px; }
.textMain p {
	margin-bottom:3px;
	line-height:17px;
}
.phraseAccueil{	margin-left:65px;  margin-top:-20px; width:570px;}
.phraseAccueil p{
	color:#43575d;
	font-weight:bold;
	width:475px;
	float:left;
}
.phraseAccueil img{
	
}
#page_livreor embed {
	margin-left:-4px;
	margin-top:-65px;
}
#page_livreor object {
	margin-left:-4px;
	margin-top:-65px;
}
/*--- cas technologie ----*/
#conteneurTextMain {
	overflow:hidden;
 	height:290px;
	margin:2px 0px;
}
.video {
	margin-left:30px;
	margin-top:30px;
}
/*------------------------------------------- Menu QUELLIS ---------------------------------*/
#flashQuellis {
	position:absolute;
	z-index:0;
}
#descEnceintes {
	margin-top:10px;
	width:500px;
	float:right;
	color:#333;
	position:absolute;
	z-index:100;
	margin-left:310px;
}
#descEnceintes h2 {
	font-size:20px;
	border-top:1px solid #39434a;
	border-bottom:1px solid #39434a;
}
#descEnceintes ul {
	margin-top:5px;
	margin-left:10px;
}
#descEnceintes div {
	margin:5px 0px 5px 5px;
}
#descEnceintes p { font-size:12px; text-indent:10px; margin-bottom:10px; }
#descEnceintes ul li {
	list-style-type:none;
	font-size:12px;
}
#descEnceintes ul li label{
	font-weight:bold;
}
/*------------------------------------------------------------------------------------------*/
/*--------------------------------------- Menu Auditorium ----------------------------------*/
/*---- bloc logo auditorium ---*/
#auditoriumLogo {
	float:left;
	width:220px;
	padding:0px 15px;
}
#auditoriumLogo img { margin-top:20px;}
#auditoriumLogo .titreGamme {
	color:#666699;
	font-size:26px;
	margin-top:15px;
}
#auditoriumLogo .txtDescription {margin-top:30px;}
.txtDescription {
	color:#666699; 
	padding:3px;
	margin-top:10px;
}
.txtDescription a{  color:#666699; }
.txtDescription h2 {
	font-size:18px;
}
.txtDescription ul {
	border-left:2px solid #5c6d73;
	margin-top:10px;
	font-size:12px;
}
.txtDescription ul li{
	list-style:none;
	line-height:17px;
	margin-left:5px;
	text-align:left;
	margin-bottom:5px;
}
.txtDescription p {
	font-size:11px;
	text-indent:10px;
	margin-top:5px;
	line-height:16px;
}
/*-----------------------------*/
/*------Pages auditorium ------*/
.contentMain_auditorium {
	width:570px;
	height:438px;
	float:right;
	overflow:hidden;
	border:2px solid #c9d2e8;
}
/*-----------------------------*/
/*------- page showroom -------*/
#page_showroom .contentMain_auditorium { border:none; }
.contentMain_auditorium .flash {
	margin-top:20px;
}
/*----------------------------*/
/*----- page philosophie -----*/
#philosphie_QuaiDuSon {
	background:url(images/fond_philo_QDS.jpg) no-repeat;
	cursor:pointer;
}
#textPhilosophie_QuaiDuSon div {
	padding:5px;
	color:#333;
	font-size:12px;
}
#textPhilosophie_QuaiDuSon p {
	text-indent:5px;
	margin-top:5px;
	line-height:16px;
}
#textPhilosophie_QuaiDuSon h2 {
	font-size:16px;
	margin:10px 0px 5px 0px;
}
/*--------page nos marques ------*/
#page_gamme {
	width:845px;
	height:391px;
}
#page_gamme .contentMain_auditorium { background:#fff;}
.imagesMarquesQuaiDuSon {position:absolute;}
.marquesProd_QuaiDuSon {
	width:10%;
	float:right;
	margin-right:25px;
	background:#fff;
	cursor:pointer;
}
.marquesProd_QuaiDuSon img{	border:none;}
.marquesProd_QuaiDuSon li {	list-style:none;}
/*-------------------------------*/
/*------------ page occasions -------------*/
/*---Carrousel des produits occasion ---*/
#carrouselOccasions {
	width:540px;
	height:275px;
	margin:134px 0px 0px 15px;
	padding-top:25px;
}
#carrouselOccasions ul {
	z-index:0;
	background:none;
}
#carrouselOccasions ul li{
	float:left;
	display:inline-block;
	width:225px;
	text-align:center;
	padding:5px;
	list-style:none;
}
#carrouselOccasions .previous_button{
	float:left;  
  	width: 32px;
  	height: 175px;
  	background: url(images/carrousel/fleches/left.png) center;
	cursor:pointer;
}
#carrouselOccasions .previous_button:hover{background: url(images/carrousel/fleches/left_over.png) center;}
#carrouselOccasions .next_button{
	float:right;  
  	width: 32px;
  	height: 175px;
  	background: url(images/carrousel/fleches/right.png) center;
	cursor:pointer;
}
#carrouselOccasions .next_button:hover{background: url(images/carrousel/fleches/right_over.png) center;}
.descProduit {
	color:#666699;
	font-size:12px;
}
#conteneurCarrousel { position:relative;   }
/*-----------------------------*/


#flashcontent {
	width:530px;
}
/* Abonnements */
#contactFormulaire {
	margin-top:20px;
	margin-left:40px;
	background:none;
}
#contactFormulaire thead{ color:#666699; }
#contactFormulaire input,#contactFormulaire textarea{
	background:none;
	border:1px solid #bcc5d8;
}
#contactFormulaire label {
	color:#43575d;
}
.formSubmit {
	color:#666699;
/* 	line-height:30px; */
	display:block;
	width:70px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border:2px solid #c9d2e8;
	
}
#newsletterForm {
	width:95%;
	margin-top:5px;
	margin-left:5px;
	background:#fff;
	border-collapse:collapse;
	text-align:left;
}
#newsletterForm thead { color:#666699; }
#newsletterForm tfoot { text-align:right; }
#newsletterForm label { color:#666699; font-size:12px; }
.contenuNewsletter {
	color:#666699;
	font-size:12px;
}
#newsletterForm tr {
	line-height:40px;
}
#newsletterForm td {
	padding-left:5px;
}
#popupSubscribeNewsletter {
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
	background:url(images/grille.gif);
	top:0;
	left:0;
}
#popupSubscribeNewsletter div {
	width:700px;
	height:300px;
	background:#fff;
	border:2px solid #c9d2e8;
}
#closePopup {
	width:100%;
	text-align:right;
}
#closePopup img {
	border:none;
}
#menuEvenement {
	float:left;
	margin-left:5px;
	width:15%;
	height:100%;
	color:#39434a;
}
#menuEvenement h1 {
	font-weight:lighter;
}
#menuEvenement a {
	color:#39434a;
	padding-left:15px;
	margin-left:10px;
	background:url(images/puceDescProd_QuaiDuSon.png) center left no-repeat;
}
#blocEvenement {
	margin-top:15px;
	float:left;
	width:83%;
	margin-left:1%;
	overflow:auto;
	height:405px;
	
}
#blocEvenement div h2{
	text-indent:15px;
	background:url(images/puceDescProd_QuaiDuSon.png) center left no-repeat;
	border-top:1px solid #bcc5d8;
	border-bottom:1px solid #bcc5d8;
	color:#39434a;
	line-height:25px;
	font-size:18px;
	cursor:move;
	cursor:pointer;
}
#blocEvenement div div {
	margin:5px 0px 10px 0px;
}
#postLivreOr {
	margin-top:30px;
	margin-left:15px;
	float:left;
}
#postLivreOr table { color:#666699; }
#postLivreOr label { font-size:12px; }
#message_livredor { float:left; margin-top:30px; margin-left:30px; }
.prixProduit {
	color:#C30;
	font-weight:bold;
}
.prixProduitBarre {
	color:#333;
	text-decoration:line-through;
}
.moveUp {
	background:url(images/haut.png) no-repeat center;
	display:block;
	width:100%;
	height:22px;
}
.moveUp:hover {
	background:url(images/haut_over.png) no-repeat center;
	cursor:pointer;
}.moveDown {
	background:url(images/bas.png) no-repeat center;
	display:block;
	width:100%;
	height:22px;
}
.moveDown:hover {
	background:url(images/bas_over.png) no-repeat center;
	cursor:pointer;
}
/*------------------------------------ Menu principal --------------------------------*/
.menu { 
	position:relative;
	width:980px;
	padding-left:50px;
	margin-top:0px;
}
.menu li {
	float:left;
	margin-left:30px;
	list-style:none;
	line-height:40px;
	display:block;
	text-align:left;
}
.menu li span{
	font-size:10px;
	font-weight:normal;
	color:#9999CC;
	z-index:0;
}
#menuQuellisHaut {
	position:absolute;
	margin-top:-9px;
	text-align:center;
	width:58px;
}
#menuQuellisBas {
	position:absolute;
	margin-top:10px;
	text-align:center;
	width:58px;
}
.menu a {
	color:#666699;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	z-index:1;
}
*+html .menuQuellisHaut, * html .menuQuellisHaut {
	position:absolute;	
	margin-top:-19px;
}
*+html .menuQuellisBas, * html .menuQuellisBas {
	position:absolute;	
	margin-top:0px;
}
*+html .menu dl, * html .menu dl { /* contournement du probleme de position absolute sous ie7 */
	position:relative;
	width:inherit;
}
.menu dl {
	position:absolute;
	border-left:2px solid #666699;
	margin-left:0px;
	width:inherit;
}

.menu dt {
	color:#666699;
	line-height:15px;
	margin-left:5px;
	text-align:left;
}
.menu dt a{
	color:#9999CC;
	font-size:12px;
	font-weight:normal;
}
/*-------------------------------------------------------------------------------------*/
#lien_realisation {
	padding-top:70px;
	width:860px;
	clear:both; 
	text-align:center;
	font-size:12px;
	color:#9999CC;
}
.align_left { float:left; }