/*	<agl.folder "Interface">	*/
/*	Updated by Eric Bleney 2005	*/
.sousMenu {
	width: 125px;
	border: 1px solid #F2F2F2;
	background-color: #000000;
	text-align: left;
	}
	
.sousMenu ul { 
	color: #fff; 
	margin: 0px; 
	padding: 0px; 
	list-style: none; 
	text-align: left;
	}
	
.sousMenu li { 
	margin: 0px; 
	padding: 2px 6px; 
	text-align: left;
	}
	
.sousMenu a:link, .sousMenu a:visited { 
	color:#ffffff;
	font-size: 11px; 
	font-weight:normal;
	text-decoration: none; 
	text-align: left; 
	}
	
.sousMenu a:hover { 
	color:#9F1935;
	font-size: 11px; 
	font-weight:normal;
	text-decoration: none; 
	text-align: left; 
}
.bande_photos{
	float:right;
	height:110px;
	width:608px;
	margin-right:15px;
}

body {
	
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 20px;
	border: 0px;
	background-color: #b4b0aa;
	}


code { 
	
	display: none;
	}

.overflowFix { 
	
	height: 8px; 
	margin: 0; 
	padding: 0; 
	display: block; 
	clear: both; 
	}

#contenant {
	
	width: 755px;
	margin: auto;
	}

#entete {
	
	height: 25px;
	background: url(../images/interface/entete.png); 
	}
	
#contenu {
	
	color: white;
	text-align: left;
	border-style: solid;
	border-color: white;
	border-width: 0px 2px;
	background-color: black;
	}
	
.contenu_texte a {
	color: #F2F2F2;
	text-decoration: underlined;
}
	
/* ICI on place les nouvelles données */

.bloc_droite {

	padding-right: 0px;
	float: right;
	}

/* Boutons formulaire*/
.blocBoutonsFormulaire { 
	text-align: center; 
	margin-top: 15px;
	}

.blocBoutonsFormulaire a {
	
	color: #000;
	font-size: 95%;
	text-decoration: none;
	margin: 0px 2px 0px 0px;
	padding: 2px 8px;
	border: solid 1px #747474;
	background: #f9f9f9;
	}

.blocBoutonsFormulaire a:hover {
	
	color: #9F1935;
	text-decoration: none;
	background: #f9f9f9;
	}
	
/* Formulaires */
.formulaire td { 
	
	margin: 0; 
	padding: 8px 10px 8px 0; 
	}

.formulaire em { 
	
	color: #f00; 
	font-size: 120%; 
	font-weight: bold; 
	margin:auto 10px auto 5px; 
	}

.champTexte, .listeDeroulante, .listeDeroulanteMultiple {

	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	padding: 2px 4px;
	border: 1px solid #333;
	background-color: #fff;
	}
/* ------------------------------------ */

#pieddepage {
	
	height: 102px;
	background: url(../images/interface/pieddepage.png) no-repeat;
	}
#pieddepage p {
	
	color: white;
	font-size: 12px;
	text-align: left;
	margin-top: 20px;
	}

#pieddepage b { 
	
	font-size: 14px; 
	}
	
#pieddepage small { 
	
	font-size: 10px; 
	}
	
#pieddepage p { 
	
	display: none; 
	}
	
/*</agl.folder>*/


/*<agl.folder "Titres">*/
/* Titres de la section produits */
h1 {
	
	font-size: 16px;
	font-weight: bold;
	/*font-family: Verdana, Arial, Helvetica, sans-serif*/
	}
	
.ti_accordeons { 
	
	color: #F2F2F2; 
	}
	
.ti_amplification { 
	
	color: #F2F2F2; 
	}
	
.ti_batteries_percussions { 
	
	color: #F2F2F2;  
	}
	
.ti_cuivres { 
	
	color: #F2F2F2; 
	}
	
.ti_effets { 
	
	color: #F2F2F2; 
	}
	
.ti_enregistrement { 
	
	color: #F2F2F2; 
	}
	
.ti_guitares_basses { 
	
	color: #F2F2F2; 
	}
	
.ti_instrumentsavent { 
	
	color: #F2F2F2; 
	}
	
.ti_pianos_claviers { 
	
	color: #F2F2F2; 
	}
	
.ti_sonorisation { 
	
	color: #F2F2F2;  
	}
	
.ti_violons { 
	
	color: #F2F2F2; 
	}

/* Titres de les sections corporatives */
h2 {
	
	color: #c38300;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#titreProduit {
	
	padding: 85px 0px 0px 280px;
	}
/*</agl.folder>*/

/*<agl.folder "Textes">*/
#texteProduit {
	
	font-size: 13px;
	padding: 0px 50px 20px 0px;
	}
	
#texteProduit p {
	
	margin: 6px;
	}	
	
#texteCorpo {
	
	font-size: 11px; /* Change le texte de la page nouvelle ( Valeur par défaut: 13px )	*/
	padding: 53px 0px 20px 138px; /* ICI, change le padding-right pour paragraphe ( Valeur par défaut: 230px ) */
	}
	
#texteCorpo02 {
	
	font-size: 11px; /* Change le texte de la page nouvelle ( Valeur par défaut: 13px )	*/
	padding: 53px 250px 20px 138px; /* ICI, change le padding-right pour paragraphe ( Valeur par défaut: 230px ) */
	}
	
#texteCorpo p { 
	
	margin-top: 0px;
	}
	
#texteCorpo .contactSpecial { 
	
	color: #c38300; 
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	}

#texteProduit a, #texteCorpo a {
	
	color: white;
	font-size: 12px;
	text-decoration: underline;
	}
	
#texteProduit a:hover, #texteCorpo a:hover { 
	
	color: #c38300; 
	}
	
/* Section Usage */
.usage {
	
	color: #000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	width: 296px;
	margin-bottom: 15px;
	margin-left: 108px;
	margin-right: -108px;
	}
	
.ti_usage {
	
	color: #d3aa5a;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	width: 295px;
	margin-left: 108px;
	margin-right: -108px;
	border-bottom: 1px solid #d3aa5a;
	}
	
.usage .usageCentre {
	
	margin: 0px;
	padding: 0px;
	background: url(../images/interface/usage_centre.png) repeat;
	}
	
.usage .usageCentre img { 
	
	margin: 0px 15px 0px 5px; 
	float: right; 
	}
	
.usage .usageCentre h2 {
	
	color: #000;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
	}
	
.usage .usageCentre p {
	
	margin: 0px;
	padding: 0px 0px 0px 40px;
	}

.usage .usageCentre h3 {
	
	color: #000;
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	margin: 0px;
	padding: 15px 0px 12px 15px;
	}
	
.usage .usageCentre strong {
	
	color: #ED1C24;
	font-size: 18px;
	font-weight: bold;
	}
	
.usage .usageEntete { 
	
	height: 20px; 
	background: url(../images/interface/usage_entete.png) no-repeat left bottom; 
	}
	
.usage .usagePied { 
	
	height: 20px; 
	background: url(../images/interface/usage_pied.png) no-repeat left top; 
	}

/* Nouvelles */
.blocNouvelles { 
	
	width: 353px;	/*	Insérer la valeur de largeur ( Valeur par défaut: 353px )	*/  
	}
	
.blocNouvelles .enteteBlocNouvelles {

	height: 67px; /*	Insérer la valeur ( Valeur par défaut: 16px )	*/
	}

.blocNouvelles .piedBlocNouvelles { 
	
	height: 23px; /*	Insérer la valeur ( Valeur par défaut: 16px )	*/ 
	}
	
.blocNouvelles .enteteBlocNouvelles { 
	
	background: url(../images/nouvelles/blocnouvelles_haut_pub.png) no-repeat; 
	}
	
.blocNouvelles .piedBlocNouvelles { 
	
	background: url(../images/nouvelles/blocnouvelles_bas.png) no-repeat; 
	}
	
.blocNouvelles .contenuNouvelle {
	
	padding: 0px 20px;
	border-style: solid;
	/*border-color: #F8B500;*/
	border-width: 0px 3px;
	background-color: #000
	}
	
.blocNouvelles .contenuNouvelle h1 {
	
	color: #F8B500;
	font-size: 20px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #A3A2A2;
	margin: 0px  0px 10px 0px;
	padding: 0px;
	}
	
.blocNouvelles .contenuNouvelle h2 {
	
	color: #F8B500;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px 0 8px 0;
	padding: 0px
	}
	
.blocNouvelles .contenuNouvelle p { 
	
	margin: 0px; 
	padding: 0px 0px 15px 0px; 
	}
	
.blocNouvelles .contenuNouvelle img { 
	
	float: right; 
	margin: auto auto 10px 10px; 
	}
	
.blocNouvelles .contenuNouvelle .logoNouvelle { 
	
	height: 20px; 
	background: url(../images/nouvelles/blocnouvelles_logo.png) no-repeat right center; 
	cursor: pointer; 
	}

	
/* Nouveautes */
.blocNouveautesGauche, .blocNouveautesDroite { 
	
	width: 590px; 
	margin-right: -590px; 
	padding-bottom: 45px; 
	}

.blocNouveautesGauche p, .blocNouveautesDroite p { 
	
	width: 210px; 
	}

.blocNouveautesDroite img { 
	
	float: right; 
	}
.blocNouveautesDroite p { 
	
	text-align: right; 
	float: left; 
	}

.blocNouveautesGauche img { 
	
	float: left; 
	}
	
.blocNouveautesGauche p { 
	
	float: right; 
	}

.blocNouveautesGauche br, .blocNouveautesDroite br { 
	
	clear: both; 
	}
	
.blocNouveautesGauche p br, .blocNouveautesDroite p br { 
	
	clear: none; 
	margin: 0px; 
	}

/*</agl.folder>*/


/*<agl.folder "Menu">*/
#blocMenu {

	position: absolute;
	top:338px;
	left:139px;
	margin-top: 1px;
	
	}

.item_menu {
	height:17px;
	margin-top:1px;
	/*padding-right:13px;*/
}

#menu {

	width: 98px;
	border-style: solid;
	border-color: white;
	border-width: 0px 0px 0px 0px;
	float: left;
	}
	
#menu ul {
	color: white;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#menu li { 	
	/*
	border-bottom: 1px solid white; 
	border-right: 1px solid white; 
	*/
	}
	
#menu a {
	
	display: block;
	margin:0px;
	vertical-align:bottom;
	height:17px;
	color: #F2F2F2;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-align: right;
	/*background-image: url(../images/menu/bg_menu.png);*/
	background-color: transparent;
	}
	
#menu a:hover { 
	
	color: #F2F2F2;
	height:17px;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
	/*background-image: none; */
	background-color: #9F1935;
	}

/* Sous menus */
.blocSousMenu { 
	
	display: none;
	position:absolute; 
	left:97px;
	float: left; 
	background: url(../images/autres/transparent.png) repeat; 
	}
	
#smn_produits { 
	
	margin-top: 25px; 
	}
	
#smn_usages { 
	
	margin-top: 74px; 
	}
	
#smn_speciaux { 
	
	margin-top: 161px; 
	}

.separateurMenu {
	display: block;
	color: white;
	margin-top: 0px;
	width: 10px;
	height: 1px;
	background-color: #000000;
	float: left;
	}

.sousMenu {
	
	width: 125px;
	border: 1px solid #F2F2F2;
	background-color: #000;
	float: left;
	text-align: left;
	}
	
.sousMenu ul { 
	
	color: #fff; 
	margin: 0px; 
	padding: 0px; 
	list-style: none; 
	text-align: left;
	}
	
.sousMenu li { 
	
	margin: 0px; 
	padding: 2px 6px; 
	display: block; 
	text-align: left;
	}
	
.sousMenu a { 
	
	font-size: 11px; 
	text-decoration: none; 
	text-align: left; 
	}

.sousMenu .lk_accordeons { 
	
	color: #8b9ee0; 
	}
	
.sousMenu .lk_amplification { 
	
	color: #9d9ca2;
	}
	
.sousMenu .lk_batteries_percussions { 
	
	color: #de7a2f; 
	}
	
.sousMenu .lk_cuivres { 
	
	color: #c38300; 
	}
	
.sousMenu .lk_effets { 
	
	color: #e46c3a; 
	}
	
.sousMenu .lk_enregistrement { 
	
	color: #6b89c2; 
	}
	
.sousMenu .lk_guitares_basses { 
	
	color: #d3aa5a; 
	}
	
.sousMenu .lk_instrumentsavent { 
	
	color: #9c958d; 
	}
	
.sousMenu .lk_pianos_claviers { 
	
	color: #8d4327; 
	}
	
.sousMenu .lk_sonorisation { 
	
	color: #e46c34; 
	}
	
.sousMenu .lk_violons { 
	
	color: #ec9532; 
	}

.sousMenu .lk_accordeons:hover { 
	
	color: white; 
	}
	
.sousMenu .lk_amplification:hover { 
	
	color: white; 
	}
	
.sousMenu .lk_batteries_percussions:hover { 
	
	color: white; 
	}
	
.sousMenu .lk_cuivres:hover { 
	
	color: white; 
	}
	
.sousMenu .lk_effets:hover { 
	
	color: white; 
	}
	
.sousMenu .lk_enregistrement:hover { 
	
	color: white; 
	}
	
.sousMenu .lk_guitares_basses:hover { 
	
	color: white; 
	}
	
.sousMenu .lk_instrumentsavent:hover { 
	
	color: white; 
	}
	
.sousMenu .lk_pianos_claviers:hover { 
	
	color: white; 
	}
	
.sousMenu .lk_sonorisation:hover { 
	
	color: white; 
	}
	
.sousMenu .lk_violons:hover { 

	color: white; 
	}
	
/*</agl.folder>*/

#navigationVisiteVirtuelle { 
	
	font-size: 8pt; 
	padding-right: 10px; 
	white-space: nowrap; 
	}
	
#navigationVisiteVirtuelle p { 
	
	color: #fff; 
	}
	
#navigationVisiteVirtuelle h2 { 
	
	font-size: 100%; 
	margin: 0px; 
	padding: 0px; 
	}
	
#navigationVisiteVirtuelle ul { 
	
	list-style: none; 
	margin: 0px; 
	padding: 0px 0px 10px 10px; 
	}
	
#navigationVisiteVirtuelle li { 
	
	margin: 0px; 
	padding: 0px 0px 2px 0px; 
	}
	
#navigationVisiteVirtuelle a { 
	
	font-size: 100%; 
	margin: 0px; 
	padding: 0px; 
	}

/* Formulaire de la liste d'envoi */
#listeEnvoi { 
	
	width: 370px;
	margin-bottom: 5px; 
	}
	
#listeEnvoi h2 { 
	
	color: #fff; 
	font-size: 100%; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0 0 10px 0; 
	}
	
#listeEnvoi td { 
	
	color: #fff; 
	font-size: .7em; 
	padding: 4px 10px 1px 0; 
	}

#listeEnvoi h1 { 
	font-size: 12px;
	font-weight: bold;
	
	}
	
#listeEnvoi .libelle { 
	
	font-weight: bold; 
	}
	
#listeEnvoi .champtexte, #listeEnvoi select { 
	
	font-size: 100%; 
	padding: 2px; 
	border: 1px solid #000; 
	background: #fff; 
	}
	
#listeEnvoi div { 
	
	text-align: center; 
	margin-top: 10px; 
	}
	
#listeEnvoi input:hover { 
	
	cursor: pointer; 
	}


/* Section usage/speciaux version 2 */
.ti_usage { 
	
	width: auto; 
	margin: 0; 
	padding: 0; 
	}
	
.boiteUsage dt, .boiteUsage dd {
	
	color: #000;
	margin: 0;
	padding: 20px;
	background: url(../images/interface/boite_haut.png) top no-repeat;
	}
	
.boiteUsage dt { 
	
	font-weight: bold; 
	padding-bottom: 15px; 
	}
	
.boiteUsage dd { 
	
	padding-left: 30px; 
	padding-top: 0; 
	background-image: url(../images/interface/boite_bas.png); 
	background-position: bottom; 
	}
	
.boiteUsage img { 
	
	border: 0; 
	float: right; 
	}
	
.boiteUsage p { 
	
	margin: 10px 0; 
	width: 230px; 
	}
	
.boiteUsage .uPrixGagne { 
	
	margin-bottom: 0; 
	}
	
.boiteUsage .uPrixGagne strong { 
	
	color: #ed1c24; 
	font-size: 130%; 
	}
	
.boiteUsage .uEspaceur { 
	
	height: 20px; 
	border: 0; 
	margin: 0; 
	padding: 0; 
	background-image: none; 
	}
	
.uVide { 
	
	font-weight: bold; 
	padding-top: 20px; 
	padding-bottom: 130px; 
	}

/* Section usage/speciaux version 3 */
#texteAnnonces { 	

	font-size: .8em; 
	padding: 10px; 
	}
	
#texteAnnonces div.annoncesGauche, #texteAnnonces div.annoncesDroite { 
	margin-top: 10px; 
	/*height: 260px;*/ 
	}

/*Section Spéciaux uniquement*/
.sectionSpeciaux {

	margin-top: 108px; 
	height: 130px;
	font-size: 93%;
	line-height: 1.3em;
	width: 617px;
	margin-left: 7px;
	border-top: 3px solid #f8b500;
	float: left;
	}
	
.sectionSpeciaux ul {
	
	line-height: 1.3em;
	margin: 10px 0 0 15px;
	padding: 0;
	list-style: none;
	}
	
.sectionSpeciaux ul a { 
	
	color: #f8b500; 
	text-decoration: none; 
	}
	
.sectionSpeciaux ul.etats { 
	
	font-size: 90%; 
	margin-top: 35px; 
	}
	
/*Fin de sectionSpeciaux*/

#texteAnnonces div.annoncesGauche {
	
	font-size: 93%;
	line-height: 1.3em;
	width: 250px;
	margin-left: 7px;
	/*border-top: 3px solid #f8b500;*/
	float: left;
	}
	
#texteAnnonces div.annoncesDroite {
	
	width: 135px;
	/*border-top: 3px solid #f8b500;*/
	float: left;
	}
	
#texteAnnonces>div.annoncesDroite { 
	
	width: 210px; 
	color:#F2F2F2;
	}
	
#texteAnnonces div.annoncesGauche p {
	
	height: 100%;
	margin: 0;
	padding: 10px 20px 0 0;
	color:#F2F2F2;
	/*border-right: 3px solid #f8b500;*/
	}
	
#texteAnnonces div.annoncesDroite ul {
	
	line-height: 1.3em;
	margin: 10px 0 0 15px;
	padding: 0;
	list-style: none;
	}
	
#texteAnnonces div.annoncesDroite ul a { 
	
	color: #f8b500; 
	text-decoration: none; 
	}
	
#texteAnnonces div.annoncesDroite ul.etats { 
	
	font-size: 90%; 
	margin-top: 35px; 
	color:#F2F2F2;
	}

.listeUsages { 
	font-size:12px; 
	width: 585px; 
	margin: 0; 
	color:#F2F2F2;
	}
	
.tableListe { 
	
	text-align: left;
	font-size: 14px;
	margin: 0; 
	padding: 0;
	
	}
	
div>.listeUsages { 
	
	clear: both; 
	}
	
.listeUsages th { 
	
	font-weight: normal; 
	/*background: #f8b500;*/
	}
	
.listeUsages th {
	
	font-weight: normal;
	background: #2C2C2C;
	text-align: left; 
	padding: 8px 10px; 
	}

.listeUsages td { 

	color: #fff;
	font-size: 95%; 	
	text-align: left; 
	padding: 8px 10px; 
	background-color: #000000;
	}
	
.listeUsages th.description { 
	
	width: 48%;
	font-weight: bold; 
	
	}
	
.listeUsages td.description a { 

	color: #FFFFFF; 
	text-decoration: none;
	
}

.listeUsages td.description a:hover { 

	color: #f8b500;
	text-decoration: none;
	
}

.listeUsages th.prix { 
	
	width: 25%;
	font-weight: bold; 
	
	}
	
.listeUsages th.etat {
	font-weight: bold; 
	font-size: 115%;
}

.listeUsages td.description { }

.listeUsages td.prix { 
	
	font-weight: bold; 
	padding-left: 5px; 
	}
	
.listeUsages td.etat { 
	
	padding-left: 5px; 
	}

#texteCorpo .texteServices {
	
	font-size: 90%;
	line-height: 1.6em;
	margin: 130px 0 0 -14px;
	/*float: left;*/
	}
	
#texteCorpo .texteServices h2 {
	
	color: #f8b500;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
	}
	
.detailsSpeciaux {

	background-color: #000000;
		
	}	
	
.sectionSpeciauxDetails {

	margin-top: 108px; 
	height: 130px;
	font-size: 93%;
	line-height: 1.3em;
	width: 617px;
	margin-left: 14px;
	/*border-top: 3px solid #f8b500;*/
	/*float: left;*/
	}
	
.lien { 

	color: #FFFFFF;
	text-decoration: none;
	
	
}

.lien:hover { 

	color: #f8b500;
	text-decoration: none;
	
}

.lien2 { 

	color: #f8b500;
	text-decoration: none;
	
}

/*Nouveau styles ajoutés par Jean-Bernard Filion, OkInteractif*/
/*7 novembre - Bande Photos et Textes*/
.bande_texte{
	color:			#FFFFFF;
	font-size:		10px; 
	margin:			5px 0px 0px 0px; 
}

.bande_texte_texte{
	float:			left; 
	width:			370px; 
	margin-bottom:	10px;
}

.bande_legende{
	float:			left;
	margin-left:	25px;
}

.bande_photos{
	margin-bottom:	8px;
}