/* feuille de style pour AVF  */
body {
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
	background-color:#f4f4f4; 
	font-family: helvetica, verdana, arial, sans-serif; 
	font-size:12px;
	color:#00275D;
   /* background-image:url("images/fond_page.gif");
	background-position:0 189px;
	background-repeat:repeat-x;*/
}

img { border:none; }

a { text-decoration:none; color:#00275D; }
a:link { text-decoration:none; color:#00275D; }
a:visited { text-decoration:none; color:#00275D; }
a:active { text-decoration:none; color:#00275D; }
a:hover { text-decoration:none; color:#00275D; text-decoration:underline }
a:focus { text-decoration:none; color:#00275D; text-decoration:underline }


h1 {
	margin:0;
	padding:0;
	color:#00275D;
	font-size:12px;
	font-weight:normal;
	font-family:helvetica, arial, sans-serif;
}
h2 {
	margin:0;
	padding:10px 0 5px 0;
	font-size:12px;
	font-weight:bold;
	font-family:helvetica, arial, sans-serif;
	color:#00275D;
}
h3 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#00275D;
}
h4 {
	margin:0;
	padding:15px 0 20px 0;
	color:#00275D; 
	font-weight:bold;
	font-size:12px;
}
p {
	margin:0 0 10px 0;
	padding:0;
}
ul {
	list-style-type:none;
	margin: 0;
	padding:0;
}
ul li {  
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}
table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
th { display:none }
td {
	margin: 0;
	padding: 4px 0 12px 0;
	vertical-align: top;
	text-align:left;
}

/******************__________ DIVs ___________******************/
#header {
    height:185px;
    /*width:207px;
    text-align:right;
    padding:15px 690px 0 0;*/
	padding:15px 0 0 0;
    font-size:12px;
    font-weight:normal;
    background-image:url('images/top_bg.png');
	background-position:left top;
	background-repeat:no-repeat;
}
#header.header_sound4 { background-image:url('images/haut_sound4.gif') }
#header a { text-decoration:none; color:#00275D; }
#header a:link { text-decoration:none; color:#00275D; }
#header a:active { text-decoration:none; color:#00275D; }
#header a:focus { text-decoration:none; color:#00275D; }
#header a:visited { text-decoration:none; color:#00275D; }
#header a:hover { text-decoration:none; color:#00275D; }

#left {
	position:absolute;
	left:0;
	top:381px;
	width:242px;
	padding-top:30px;
	text-align:right;
	font-size:10px;
	background-image:url('images/leftcol_bg.png');
	background-position:top left;
	background-repeat:no-repeat;
    background-color:transparent;
}
.leftBloc {
    margin:0 35px 0 10px;
}
#left p { margin:0; padding:0 0 1em 0; }
#contact {
    width:207px;
    height:27px;
	line-height:27px;
	margin:1em 0 1em 0;
    padding:10px 35px 10px 0;
    font-size:11px;
	font-weight:bold;
    color:#00275D;
    background-image:url('images/contactbox_bg.png');
	background-position:left bottom;
	background-repeat:no-repeat;
    background-color:#b3d200;
}
#contenu {
	position:absolute;
    width:663px;
    min-height:270px;
    margin-left:258px;
	padding-bottom:20px;
    font-size:12px;
	line-height:1.5em;
	z-index:2;
}
#fond {
	position:absolute;
	top:200px;
	left:0px;
	min-height:181px;
	width:243px;
	background-image:url('images/menu_bg.png');
	background-position:top left;
	background-repeat:no-repeat;
	/*width:100%;
	background-color:#939da8;*/
	z-index:0;
}
#menu {
	width:207px;
	/*height:182px;*/
	min-height:162px;
	color:#FFFFFF;
    margin:0 35px 0 0;
	padding:17px 0 0 0;
    text-align:right;
	font-size:12px;
	font-weight:normal;
}
#languages { position:absolute; top:55px; left:590px; width:300px }
#motrecherche {	position:absolute; top:87px; left:590px; width:300px }

/******************__________ MENU ___________******************/

/* 
ul.menuHome { padding-top:12px !important }
*/
ul#menu li {
    background-image:url('images/menu_sep.png');
	background-position:right bottom;
	background-repeat:no-repeat;
	margin:0;
	padding:5px 0 5px 0;
	line-height:14px;
	list-style-type:none;
}
ul#menu.sound4Menu li {
	padding:2px 0 2px 0;
}
ul#menu li.nobg {
    background-image:none;
    padding:2px 0 0 0;
    margin:0;
}
ul#menu a { text-decoration:none; color: #fff; }
ul#menu a:link { text-decoration:none; color: #fff; }
ul#menu a:active { text-decoration:none; color: #fff; }
ul#menu a:visited { text-decoration:none; color: #fff; }
ul#menu a:hover { text-decoration:none; color: #073771; }
ul#menu li a.current { color: #073771; }	
ul#menu a.current:link, #menu a.current:active, #menu a.current:visited, #menu a.current:hover { color: #073771; }

a.auditoriumBt { margin-right:35px; font-size:12px; text-decoration:none;  }
a.auditoriumBt:hover { text-decoration:underline; color: #073771; }

/******************__________ CLASSES ___________******************/

#header a.logoLink { text-indent:-9999px; width:550px; height:100px; position:absolute; top:45px; left:0; overflow:hidden; display:block; text-align:left }
.pageTitle { margin:0; padding:0; width:207px; text-align:right;  }
.slogan { margin:0; padding:140px 0 5px 258px; width:663px; text-align:left; font-size:12px; }
.home {
    background-image:url('images/contenuhome_bg.png');
	background-position:top;
	background-repeat:repeat-y;
	/*background-image:url("images/fond_home.png");
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#fff;*/
}
.page { width:617px !important; margin-top:9px; padding:0 23px 0 23px; background-color:#f4f4f4; }
.productsList {  width:640px !important; padding-right:0; background:#f4f4f4 url('images/bg_rightcol.gif') right top repeat-y }

.color1 { color: #0d427f; } /* PLUS UTILISE ?? */
.color2 { color: #59609f; }
.color3 { color: #1f629c; }
.color4 { color: #3e407a; }

.bthome {
    display:block;
    width:324px;
    /*height:55px;*/
    float:left;
    /*padding-top:35px;*/
    font-size:14px;
	font-weight:bold;
    margin:0;
    text-align:center;
    color:#FFFFFF;
    font-family:helvetica, arial, sans-serif;
	/*line-height:1.7em*/
}
.bt1 { height:57px; margin-right:15px; padding-top:35px; background:transparent url('images/bthome01_bg.png') top left no-repeat }
.bt2 { height:57px; padding-top:35px; background:transparent url('images/bthome02_bg.png') top left no-repeat }
.bt3 { height:54px; margin-right:15px; padding-top:35px; background:transparent url('images/bthome03_bg.png') top left no-repeat }
.bt4 { height:54px; padding-top:35px; background:transparent url('images/bthome04_bg.png') top left no-repeat }

a.bthome { text-decoration:none; color: #FFFFFF; }
a.bthome:link { text-decoration:none; color: #FFFFFF; }
a.bthome:active { text-decoration:none; color: #FFFFFF; }
a.bthome:visited { text-decoration:none; color: #FFFFFF; }
a.bthome:hover { text-decoration:none; color: #c4c4c7; }

.actuelCol { float:left; width:304px; margin:0 15px 0 0; padding:3px 10px 0 10px; background:transparent url('images/actuelcol_bg.png') top left no-repeat }
.offrespecCol { float:left; width:304px; margin:0 0px 0 0; padding:3px 10px 0 10px; background:transparent url('images/offrespeccol_bg.png') top left no-repeat }

.textBold { font-weight:bold; }
.textUppercase { text-transform:uppercase; }

.textNormal { font-size:12px; color:#00275D; font-weight:normal; }
.textNormalBold { font-size:12px; color:#00275D; font-weight:bold; }
a.linkCgv { display:block; padding-top:5px; }

.texte {
    float:left;
    width:278px;
    /*margin-top:26px;*/
    padding:0 23px 0 23px;
	text-align:justify
}
.news {
    float:left;
    width:300px;
    padding:0 0 0 23px;
}
.titre {
    display:block;
    color:#939da8;
    font-weight:bold;
    font-size:15px;
    margin:25px 0 6px 0;
}

.blueText { color:#6aa2c4; margin-left:10px; border-left:1px solid #6aa2c4; padding-left:4px }
.infoText { color:#939da8; font:normal bold 12px/18px helvetica, verdana, arial, sans-serif; text-transform:uppercase }
.invisible { display:none; }
.logo {
    float:right;
    margin-right:50px;
}
.news a {
    font-weight:bold;
}
.small {
    font-size:10px;
}
.big { font-size:12px; font-weight:bold; }
.textLarger { font-size:11px; }
.majuscules { text-transform:uppercase }
.clearing {
	clear:both;
	line-height:0px;
	height:0px;
	font-size: 0.1em;
}
.imgToLeft {
    float:left;
    margin-right:10px;
}
.imgToRight { float:right; margin:0 0 0 10px }
.imgListLogoMarque { float:right; margin:0 20px 10px 20px }
.logoLienMarque { margin-bottom:-10px; }
.imgVignetteAuditorium { float:left; margin:10px }
.imgProductSmall {  }
.priceText { font:normal 11px/24px Verdana, arial, sans-serif }
.textMarque { margin:0 180px 10px 0; text-align:justify }
.textIntroPage { margin:0 180px 10px 0; text-align:justify }
.auditoriums, .karaoke, .accueil { margin-right:0 }
p.horaires { padding:1em 0 0em 0; font-size:1.2em; color:#00275D }


.listPhotosAuditorium { margin: 18px 0 20px 0 }
.listProductTable { width:100% }
.listProductText { padding-right:20px; text-align:justify; vertical-align: bottom; }
.listProductPhoto { width:160px; text-align:center; vertical-align: bottom; }
.listProductPhotoHome { width:122px; text-align:center; vertical-align: top; }
.listLogosMarques { padding:18px 0 20px 0 }
.marquesListMenu { margin-right:170px; margin-bottom:20px; text-align:justify }
/*.marqueLogo { display:block; margin:10px 0 10px 0 }*/
.artRow { position:relative; padding-right:130px; text-align:justify }
#contact a { color:#00275D; text-decoration:none }
#contact a:hover, #contact a:focus { color:#00275D; text-decoration:underline }
.btContactMoreInfo { display:inline; color:#a4cd00; font-weight:normal; padding-left:10px }
a.contactMoreInfo { color:#a4cd00; text-decoration:none }
a.contactMoreInfo:hover, a.contactMoreInfo:focus { color:#00275D; text-decoration:underline }
.pagesNum { margin:10px 0 10px 0 }

a.btPanierde { color:#939da8; font:normal bold 12px/20px helvetica, verdana, arial, sans-serif; text-transform:uppercase }
a.btPanierde:hover, a.btPanierde:focus { color:#939da8; font:normal bold 12px/20px helvetica, verdana, arial, sans-serif; text-transform:uppercase text-decoration:underline }

a.btPanierfr { color:#939da8; font:normal bold 12px/40px helvetica, verdana, arial, sans-serif; text-transform:uppercase }
a.btPanierfr:hover, a.btPanierfr:focus { color:#939da8; font:normal bold 12px/40px helvetica, verdana, arial, sans-serif; text-transform:uppercase text-decoration:underline }

#contenu ul { list-style-type:disc; margin:0; padding:0 }
#contenu ul li { margin-left:1.5em; padding:0.5em 0 0.5em 0 }

#languages a.english { margin:0; padding:2px 30px 2px 25px; background:transparent url('images/english.png') center right no-repeat; font-size:10px; }
#languages a.deutsch { margin:0; padding:2px 30px 2px 25px; background:transparent url('images/deutsch.png') center right no-repeat; font-size:10px; }
#languages a.francais { margin:0; padding:2px 30px 2px 25px; background:transparent url('images/francais.png') center right no-repeat; font-size:10px; }

/* FORMULAIRES */
input, select { font:normal 11px/16px verdana,helvetica,arial,sans-serif; color:#333; margin-bottom:4px }
label { display:none; }
.formfield { width:210px; padding-left:3px  }
.formfieldcourt { width:90px; padding-left:3px  }
.formbutton { font:bold 11px/15px verdana,helvetica,arial,sans-serif; color:#fff; background-color:#b4bfc7; cursor:pointer;  }
.formbuttonlien { font:bold 12px/12px arial,sans-serif; color:#00275D; background:none; border:none; margin:0; padding:0; cursor:pointer; }
.formbuttonlienvert { font:bold 12px/12px arial,sans-serif; color:#a4cd00; background:none; border:none; margin:0; padding:0; cursor:pointer; }
.formbuttonlienvertbold { font:bold 12px/12px arial,sans-serif; color:#a4cd00; background:none; border:none; margin:0; padding:0; cursor:pointer; }

.formbuttonlienvert:hover, .formbuttonlienvert:focus  { color:#00275D; }
.formbuttonlienvertbold:hover, .formbuttonlienvertbold:focus  { color:#00275D; }

form.formchoix { display:inline; margin:0; padding:0; }
form.formchoix select { border:1px solid #a4cd00; }

/* FORMULAIRE OFFRE */
#formulaire_offre label, #form_gestion label { display:inline; width:180px;float:left; text-align:left; white-space:no wrap; }
#formulaire_offre input { width:230px; }
#formulaire_offre textarea { width:235px; }
#formulaire_offre fieldset, #form_gestion fieldset { border:1px solid #b4bfc7; margin:5px 0 5px 0; }
#formulaire_offre legend, #form_gestion legend { colord:#b4bfc7; font-weight:bold; }

/* BOUTIQUE */
#formcommande fieldset { border:1px solid #b4bfc7; margin:5px 0 5px 0; }
#formcommande legend { colord:#b4bfc7; font-weight:bold; }
#formcommande label,  #formfrais label { display:inline;float: left;width: 140px;text-align: left;white-space: no wrap; }
#formcommande label.long, #formfrais label.long { width: 500px; }
#formcommande label.long img { vertical-align:middle; }
#formchoix fieldset { border:1px solid #b4bfc7; margin:5px 0 5px 0; }
#formchoix legend { colord:#b4bfc7; font-weight:bold; }
#formchoix label { display:inline;float: left;width: 140px;text-align: left;white-space: no wrap; }
#formchoix label.long { width: 350px; }
#formchoix label.long img { vertical-align:middle; }
.autoMessage1 { /* Pour toutes les réponses auto: p.ex: "Merci, l'élément vient d'être ajouté au caddie" ou "La modification vient d'être effectuée", "OK, votre commande a été transmise, telle qu'elle est ci-dessous" */
	display:block;
    margin:5px 0 6px 0;
	font-weight:bold;
    font-size:15px;
	color:#a4cd00;
}
.autoMessage1 a, .autoMessage1 a:link { color:#a4cd00; }
.warningText { /* dans "identifyTabl", texte à mettre en évidence, p.ex: "Si vous êtes déjà inscrit.." ou "Si vous n'êtes pas ..." */
	display:block;
    color:#7b8d99;
    font-weight:bold;
    font-size:15px;
    margin:10px 0 6px 0;
}
.title { /* span, Pour une commande, texte à mette en évidence: "Récapitulatif de votre commande", "Frais de port et emballage", "Choix du mode de paiement", "Voici ce qui est actuellement dans votre caddie" ... */
	display:block;
    color:#7b8d99;
    font-weight:bold;
    font-size:15px;
    margin:25px 0 6px 0; /*comme titre*/
}
.titre { /* div, "Voici ce qui est actuellement dans votre caddie" ... */
/*voir plus haut*/
}
/* dans la page "votre caddie", pour les "header" des colonnes: "Article", "Code", "Quantité", "Sous-total",etc  */
.uppercase{  /* Met en majuscule */
	font-weight:normal;
	font-size:11px;
	text-transform: uppercase;
	margin-right:5px;
}
table.shopCart { /* tableau de la page "Votre panier" dans lequel se trouve la liste de ce qui est actuellement dans le caddie */
	border: none;
	/*padding: 10px;
	width: 90%;
	background-color: #ccffff;*/
}
table.shopCart td { /* cellules générales du tableau shopCart */
	padding: 5px;
	/*background-color: #CCFFff;*/
}
td.cartHeader /* cellule du tableau shopCart dans laquelle s'affiche les entêtes "nom", "catégorie", etc */
{
	/*color: #FFFFFF;
	background-color: #375896;*/
}
td.cartRow /* cellule du tableau shopCart, listing des articles */
{
	/*background-color: white;*/
}
td.cartRow .formfield { width:30px; padding-left:3px }
td.cartRow .formbutton { font:bold 11px/15px verdana,helvetica,arial,sans-serif; color:#fff; background-color:#b4bfc7; cursor:pointer;  }
/* couleur des lignes du listing des articles */
/*.ligneimpaire { BACKGROUND-COLOR: #e8e8e8; border: 2px; }
.lignepaire { BACKGROUND-COLOR: #b9b9b9; color:#0099cc; }*/

td.cmscarttotal { /* td où s'affiche le sous-total dans le panier */
	color: #000000;	font-size: 11px;
}
table.shopTabl{ /* tableau dans lequel se trouve la cellule "shopButtonCell" (en géneral un lien pour continuer la commande ou revenir à la boutique) */
	border: none;
	padding: 0;
	margin:0;
	margin-bottom:-15px;
	/*width: 100%;*/
}
td.shopButtonCell { /* cellule du tableau "shopTabl" dans lequel se trouve le texte "shopButtonText"(en géneral un lien pour continuer la commande ou revenir à la boutique) */
	/*background-color: #E3E3E3;
	width: 250px;*/
	text-indent: 20px;
	line-height:15px;
	height:15px;
	margin:0;
	padding:0;
}
.shopButtonText { /* texte de la cellule "shopButtonCell", sur la page détail (en géneral un lien pour continuer la commande ou revenir à la boutique)*/
	/*text-transform: capitalize;*/
	margin:0;
	padding:0;
		line-height:15px;
	height:15px;
}
.shopButtonText:link { font-weight:bold; }
a.shopButtonText:hover { font-weight: bold; }
a.shopButtonText:active { font-weight: bold; }
a.shopButtonText:visited { font-weight: bold; }
a.shopButtonText:visited:hover { font-weight: bold; }

td.shopCell{ /* cellule du tableau "shopTabl", pour si "retour à la boutique" est une image, ou si besoin d'une cellule vide */
	width: 10px;
		line-height:15px;
	height:15px;
	margin:0;
	padding:0;
}
#cartmodgenbackshop { /* span id pour "Retour sur la page catalogue" */
	display:none;
	line-height:0px;
	height:0px;
	margin:0;
	padding:0;
}
#cartmodgennextstep { /* span id pour "Prochaine étape (confirmer la commande)" */
	margin:0;
	padding:0;
	line-height:15px;
	height:15px;
}
table.recap { margin:0 0 20px 0; padding:0; /*border:1px solid #b4bfc7;*/}
table.recap tr { margin:0; padding:0; }
table.recap tr td { margin:0; padding:3px 15px 3px 15px;  }

div.cartinterfacekp p a { display:none; }
div.cartinterfacekp p.stepMenu a { display:inline; }

textarea { width:215px; }