* {font-family:Verdana, Arial, Helvetica, sans-serif; }
a:focus { outline:none; }
html { background:#fff url(images/bg/bgBody.gif) 0 0 repeat-x; height:100%; }
body, div, h1, h2, h3, p, ul, li, form, fieldset, label, input, hr, object, embed, script, noscript {margin:0; padding:0;}
body { position:relative; color:#333; height:100%; text-align:center;  }
#page { position:relative; z-index:10; width:955px; margin:0 auto; text-align:center; padding:150px 0 0 0; background:#fff url(images/bg/bgAdonys.gif) 0 0 repeat-y; font-size:12px;  }



#entete { position:absolute; z-index:0; top:0; left:0; background: url(images/bg/bgEntete.gif) 0 0 no-repeat; width:955px; height:390px; }
#logo { position:absolute; top:0; left:20px; }
#accroche { position:absolute; width:640px; height: 45px; top:66px; left:282px; color:#ed8d08; font-size:20px; text-indent:-5000px; }
#accroche.fr { background: url(images/bg/bgAccrocheFr.gif) 0 0 no-repeat;  }
#accroche.en { background: url(images/bg/bgAccrocheEn.gif) 0 0 no-repeat;  }

#moteur {position:absolute; width:570px; height:55px; top:0; left:350px; background: url(images/bg/bgMoteur.gif) 0 0 no-repeat; text-align:left; }
#moteur h1 { font-size:11px; color:#660073; padding:2px 0 0 12px; font-weight:normal; }
#moteur form { padding:5px 0 0 12px; }
#moteur select { position:relative; height:18px; font-size:10px; width:125px; letter-spacing:-1px; }
#moteur option { position:relative; width:220px; letter-spacing:-1px;}
.OptionActive { background-color:#96b408; }
#moteur input { vertical-align: top; }
#styles option { width:500px; }
#nav { position:absolute; width:930px; top:114px; left:15px; }
/* drapeau changement langue */
#langue { position:absolute; top:10px; left:20px; display:block; width:16px; height:11px;}
#langue a img { border:0; }
#langue a:hover img {border:1px solid #fff; }
/* Menu de navigation */
#menu { position:relative; height:29px; width:600px; margin-left:300px;   }
#menu ul { list-style:none; margin-left:0; }
#menu ul li { float:left; display:inline; text-align:center; width:100px; margin:0; text-indent:-3000px;}
/* Effets roll over / active - bilingue */
.navfr { background:url(images/bg/menuFr.gif) 0 -61px no-repeat; }
.naven { background:url(images/bg/menuEn.gif) 0 -61px no-repeat; }
.navfr a { width:100px; color:#fff; background-image:url(images/bg/menuFr.gif); background-repeat:no-repeat; display:block; height:29px; text-decoration:none;  }
.naven a { width:100px; color:#fff; background-image:url(images/bg/menuEn.gif); background-repeat:no-repeat; display:block; height:29px; text-decoration:none; }
/* Accueil */
a.m1 { background-position:0 0;}
a.m1:hover { background-position:0 -30px; }
a.m1.active { background:transparent;}
/* Format 5.1 */
a.m2 { background-position:-100px 0; }
a.m2:hover { background-position:-100px -30px; }
a.m2.active { background:transparent; }
/* Play list */
a.m3 { background-position:-200px 0;}
a.m3:hover { background-position:-200px -30px;}
a.m3.active { background:transparent;}
/* Catalogue */
a.m4 { background-position:-300px 0;}
a.m4:hover { background-position:-300px -30px;}
a.m4.active { background:transparent; }
/* Licence */
a.m5 { background-position:-400px 0;}
a.m5:hover { background-position:-400px -30px;}
a.m5.active { background:transparent; }
/*Contact */
a.m6 { background-position:-500px 0; }
a.m6:hover { background-position:-500px -30px; }
a.m6.active { background:transparent; }

/* main */
#colGauche { position:relative; width:280px; float:left; display:inline; text-align:justify; padding-top:5px;}
#colGauche h1 { font-size:14px; color:#96b408; }

/* annonce rouge */
#annonce{position:relative; background-color:#f5f5f5;border:1px solid red;color:red; margin:0 0 10px 15px; width:255px; font-size:11px;}
#annonce p {padding:8px;text-align:justify;font-weight:bold;}
/* Identification */
#identification { margin-left:10px; width:270px; font-size:11px; }
#identification h1 { padding:10px 0 20px 10px; color:#fff; background: url(images/bg/bgTitreIdentification.gif) 0 0 no-repeat; text-indent:-5000px; }
#identification p { padding:5px 20px; }

/* MonCompte */
#monCompte { position:relative; margin-left:10px; width:270px; font-size:11px; }
.fr #monCompte h1 { padding:10px 0 20px 10px; color:#fff; background: url(images/bg/bgTitreMonCompteFr.gif) 0 0 no-repeat; text-indent:-5000px; }
.en #monCompte h1 { padding:10px 0 20px 10px; color:#fff; background: url(images/bg/bgTitreMonCompteEn.gif) 0 0 no-repeat; text-indent:-5000px; }
#monCompte p { position:relative; padding:5px 20px; }
#monCompte p a { position:relative; display:block; width:auto; height:auto; }
/* Player */
#player { position:relative; margin-left:10px; width:270px; font-size:11px; }
#player h1 { padding:10px 0 25px 10px; color:#fff; background: url(images/bg/bgTitrePlayer.gif) 0 0 no-repeat; text-indent:-5000px; }
#playerFlash { margin-left:10px; }
#player a { display:block; padding:40px; text-align:center; }

/* formulaire */
#formlog { position:relative; width:240px; padding:0 0 5px 10px; margin-left:10px; }
#formlog p {  position:relative; border:0; padding:0 20px 5px 0; }
#formlog fieldset { position:relative; border:0; padding-bottom:5px; display:block; }
#formlog label { position:relative; float:left; display:inline; padding-right:10px; }
.labLog { width:90%; }
#btnLogout { position:absolute; top:0px; left:212px; }
#btnLogin { margin-top:14px; }

/* Contenus */
#contenu { position:relative; width:602px; float:left; text-align:justify; display:inline; margin-left:25px; font-size:11px; padding-bottom:60px;  }
#contenu.fr  h1 { font-size:14px; color:#6d1a89; text-indent:-5000px; background-repeat: no-repeat; background-color:#fff; background-image:url(images/bg/titresFr.gif); }
#contenu.en  h1 { font-size:14px; color:#6d1a89; text-indent:-5000px; background-repeat: no-repeat; background-color:#fff; background-image:url(images/bg/titresEn.gif); }
h2 { font-size:14px;  color:#6d1a89; }
h3 {font-size:14px;  color:#6d1a89;}

/* page accueil */
#contenu.acc { background:url(images/bg/bgContenu.gif) 0 0 repeat-y; border-bottom:1px solid #b988be; }
#contenu.acc h1 { background-position:0 -1040px; height:40px;  }
#contenu.acc p { padding:15px; font-size:11px; }
.acc a { color:#333; text-decoration: none; border-bottom:1px dotted #ed8d08;  }
.acc a:hover { color:#ed8d08; }
#animAcc { position:relative; height:350px; }
#animAcc h2 {color:#fff; width:200px; text-align:center; position:absolute; top:30px; left:80px; }
#animAcc p { display:block; position:absolute; top:340px; left:40px; }
#accFlash { width:350px; margin:30px 0 0 30px; }
/* bloc bienvenue */
.blocAcc { width:160px; height:375px; float:right; margin-right:20px; margin-left:20px; margin-top:10px; background:url(images/bg/bgBienvenue.gif) 0 0 no-repeat;}
.fr .blocAcc h2 { background:url(images/titreBienvenueFr.gif) 30% 40% no-repeat; text-indent:-5000px; } 
.en .blocAcc h2 { background:url(images/titreBienvenueEn.gif) 30% 40% no-repeat; text-indent:-5000px; }
.blocAcc h2 { padding:10px; }
#contenu.acc .blocAcc p { padding:10px 12px 5px 12px; font-size:11px; }
.blocAcc ul { list-style-position: inside; font-size:10px; padding:0 12px;}
.blocAcc ul li ul {  padding:0 0px; }

/* page format 5.1 */
.mul { background:url(images/bg/bgContenu.gif) 0 0 repeat-y; border-bottom:1px solid #b988be; }
.mul h1 { background-position:0 0; height:80px;  }
.mul h2, .mul h3, .mul p, .mul ul  { padding:10px 60px 0 60px; }
.mul ul { list-style-position:inside; }
.mul a { color:#333; text-decoration: none; border-bottom:1px dotted #ed8d08;  }
.mul a:hover { color:#ed8d08; }
/* bloc ecoute */
.ecoute51 { width:160px; height:270px; float:right; margin-right:20px; margin-left:20px; margin-top:10px; background:url(images/bg/bgEcoute.gif) 0 0 no-repeat;}
.fr .ecoute51 h2 { background:url(images/titreEcouteFr.gif) 30% 40% no-repeat; text-indent:-5000px; } 
.en .ecoute51 h2 { background:url(images/titreEcouteEn.gif) 30% 40% no-repeat; text-indent:-5000px; }
.ecoute51 h2 { padding:10px; }
.ecoute51 p { padding:15px; font-size:11px; }

/* page droits licence */
.dr { background:url(images/bg/bgContenu.gif) 0 0 repeat-y; border-bottom:1px solid #b988be;  }
.dr h1 { background-position:0 -200px; height:80px;   }
.dr h2, .dr h3, .dr p, .dr ul  { padding:10px 60px 0 60px; }
.dr ul { list-style-position:inside; }
.dr a { color:#333; text-decoration: none; border-bottom:1px dotted #ed8d08;  }
.dr a:hover { color:#ed8d08; }
/* page demande devis / autorisation */
.devis { background:url(images/bg/bgContenu.gif) 0 0 repeat-y; border-bottom:1px solid #b988be;  }
.devis h1 { background-position:0 -700px; height:92px;   }
/*.devis h2, .devis h3, .devis p, .devis ul  { padding:10px 60px 0 60px; }*/
.devis ul { list-style-position:inside; }
.devis a { color:#333; text-decoration: none; border-bottom:1px dotted #ed8d08;  }
.devis a:hover { color:#ed8d08; }
.devis p { padding:10px 60px 0 60px; }
.devis form p { padding:10px 5px 0 0; }

#formAuto { margin:0 20px;}
#formAuto fieldset { float:left; width:335px; border:0; display:inline; padding:4px; }
#formAuto fieldset.projet { width:210px; }
#formAuto fieldset.projet label { display:block; margin-top:5px; text-align:left;  }
#formAuto textarea { height:30px; width:200px; font-size:11px; }
#formAuto fieldset.ligne { width:540px; }
#formAuto h2 { border-bottom:1px solid #ccc; width:90%;}
#formAuto fieldset.ligne h2 { border-bottom:1px solid #ccc; width:100%; }
#goCD { margin-top:60px; }
#listeTitres { border-collapse:collapse; border:1px solid #ccc; margin:10px 0; width:100%;  }
#listeTitres td { border-collapse:collapse; border:1px solid #ccc; }
#listeTitres td.S { width:50px; }
#listeTitres td.S.Err input { color:red; }
#listeTitres td.S input { width:50px; }
#formAuto fieldset.diff { margin-top:20px;width:220px; }
#formAuto fieldset.diff select { width:90%; }

p.lg {float:left;  width:180px; }
p.ld { float:left; width:350px; }
p.ld input { width:140px; margin:1px; }

p.ligneGroupe { width:250px; margin-left:250px; }
p.ligneGroupe span { display:block; padding:0 10px 40px 0; float:left; width:75px; text-align:right;  } 
p.ligneGroupe label { display:block; width:100px; float:left; margin-bottom:1px; }

p.listeInput { margin-bottom:10px; }
p.listeInput label { display:block; width:178px; float:left; margin-bottom:1px; padding-bottom:0; }
p.listeInput input { margin:0; }

#formAuto fieldset p.groupeCases label { height:18px; display:block; width:250px; margin:0 0 1px 0; padding:0; }

#formAuto fieldset.fdemi { width:270px; float:left; height:145px; }
#formAuto fieldset.fdemi label, #formAuto fieldset.fdemi input { margin:1px; }

#formAuto fieldset.conf { width:100%; margin-top:10px; }

.odd { background-color: #F8F8F8; }

/* bloc option */
.optInstit { width:160px; height:270px; float:right;margin-right:20px; margin-left:20px; margin-top:10px; background:url(images/bg/bgOptInstit.gif) 0 0 no-repeat;}
.fr .optInstit h2 { background:url(images/titreOptInstitFr.gif) 30% 40% no-repeat; text-indent:-5000px; } 
.en .optInstit h2 { background:url(images/titreOptInstitEn.gif) 30% 40% no-repeat; text-indent:-5000px; }
.optInstit h2 { padding:10px; }
.optInstit p { padding:15px; font-size:11px; }

/* page playlist et recherche */
#contenu.pll, #contenu.rec { border:0; }
#contenu.pll h1 { background-position:0 -100px; height:92px;  }
#contenu.rec h1 { background-position:0 -600px; height:92px;  }

.acenter { text-align:center;  }



/* page recherche */
#contenu.pll { border:0; }
#contenu.pll h1 { background-position:0 -100px; height:92px;  }
/* accordion */
.accordionTabTitleBar { padding-left:20px; line-height:24px; height:30px; background:url(images/bg/bgTitreAcc.gif) 0 0 no-repeat; font-size:13px; cursor:pointer; }
.lienAcc {display:block; float:left; }
.titreAcc { display:block; float:left; display:inline; width:50%;  }
.albAcc { display:block; float:left;  display:inline; width:45%; text-align:right; font-size:10px; }
.accordionTabContentBox { padding:0 10px; background:url(images/bg/bgDetailAcc.gif) 0 0 repeat-y; }
.accDesc { float:left; display:inline; width:280px;width:205px; padding-top:10px;  }
.accCompo { float:left; display:inline; margin-left:10px; width:130px; width:200px; padding-top:10px; text-align:left;}
.accCompo ul { list-style-type:none; font-size:9px; padding-left:15px;}

.accVersions { float:left; display:inline; margin-left:10px; width:100px; width:115px; padding-top:10px;}
/*.accVersions ul { list-style-type:none; font-size:9px; padding-left:15px; }
.accVersions ul li { float:left; width:40px; }*/
.accVersions p.prems { float:left; display:inline; width:65%; /*padding-left:20px;*/ }
.accVersions p.colSuiv {float:left; width:35%; }

.accFonc { font-size:9px; float:left; display:inline; margin-left:5px; width:30px; padding-top:10px; text-align:center;}
.accFonc a { color:#333; text-decoration: none; border-bottom:1px dotted #ed8d08; display:block; width:28px; clear:both; padding:0;  }
.accFonc a:hover { color:#ed8d08; }
.accFonc a.noBord {border-bottom:0; margin-bottom:4px;  }

.accFonc span.interdit { color:#666; font-style:italic; display:block; width:28px; clear:both; padding:0;  }

/* page contact */
#contenu.co { background:url(images/bg/bgContenu.gif) 0 0 repeat-y; border-bottom:1px solid #b988be;padding-bottom:0px; }
.co h1 { background-position:0 -300px; height:92px;  }
.co h2, .co h3  { padding:10px 60px 0 50px; }
.co a { color:#333; text-decoration: none; border-bottom:1px dotted #ed8d08;  }
.co a:hover { color:#ed8d08; }
.co table { margin-left:50px; width:500px; margin-bottom:10px; }
.co th {width:170px; }
.co th, #contenu.co td { vertical-align:top;  border-bottom:1px solid #ccc; }
tr.odd td, tr.odd th { background-color:#ccc; }
.sousEd { width:160px; height:300px; float:right; margin-right:20px; margin-top:20px; background:url(images/bg/bgSousEd.gif) 0 0 no-repeat;}
.fr .sousEd h2 { background: url(images/titreSousEdFr.gif) 30% 40% no-repeat; text-indent:-5000px; } 
.en .sousEd h2 { background: url(images/titreSousEdEn.gif) 30% 40% no-repeat; text-indent:-5000px; }
.sousEd h2 { padding:10px; }
.sousEd p { padding:20px; font-size:11px; }

/* page inscription */
.ins h1 { background-position:0 -800px; height:92px;  }
.ins { background:url(images/bg/bgContenu.gif) 0 0 repeat-y; border-bottom:1px solid #b988be; }
.ins h2, .ins h3, .ins p, .ins ul  { padding:10px 60px 0 60px; }
.ins form { float:left; width:300px; margin:0 15px; }
.ins form p { padding:10px 5px 0 0; }
.ins form select, .ins form input { width:120px; font-size:11px; }

/* page rappel mot de passe */
.rap { background:url(images/bg/bgContenu.gif) 0 0 repeat-y; border-bottom:1px solid #b988be; }
.rap h1 { background-position:0 -500px; height:92px;  }
.rap p { padding:10px 60px 0 60px; }
.rap form p { padding:5px 60px 0 60px; }

/* page demande de cd */
.cd { background:url(images/bg/bgContenu.gif) 0 0 repeat-y; border-bottom:1px solid #b988be; }
.cd h1 { background-position:0 -900px; height:92px;  }
.cd p { padding:10px 60px 0 60px; }
.cd form p { padding:10px 5px 0 0; }
.cd form select, #contenu.ins form input { width:120px; font-size:11px; }
#formDde { margin:0 20px;}
#formDde fieldset { float:left; width:340px; border:0; display:inline; }
#formDde fieldset.albums { width:210px; }
#formDde fieldset.albums label { display:block; margin-top:5px;  }
#formDde fieldset.albums textarea { width:200px; font-size:11px; }
#formDde h2 { border-bottom:1px solid #ccc; width:90%; }
#goCD { margin-top:60px; }

/* page catalogue */
#contenu.cat { position:relative; width:620px;  }
.cat h1 { background-position:0 -400px; height:80px; }
.elem { position:relative; clear:both; padding-bottom:10px; margin-top:10px;  width:100%; background:url(images/bg/bgAlbumBottom.gif) bottom left no-repeat; font-size:11px; }
.elem div.topElem { position:relative; width:100%; height:8px; background:url(images/bg/bgAlbumTop.gif) 0 0 no-repeat; }
.elem div.desc { position:relative; float:left; display:inline; margin:0px 0 0 15px; width:250px; }
.elem img { margin:5px 5px 5px 0;}
.elem h2 { color:#96b408; margin-top:5px; font-size:12px; text-align:left; }
.listeTitres { float:left; display:inline; width:330px; margin:5px 0 0 10px; font-size:9px; text-align:left; }
.listeTitres p.demi { margin:5px 0 0 0; width:49%; }
.listeTitres a { margin-left:5px;}

.num { text-align:right; display:block; float:left; width:15px; }
#navPages { display:none; }
.infosCatalogue { font-size:11px; padding:10px; }
.version { padding-bottom:3px; font-size:9px; color:#96b408; }

/* accueil */
.fr.acc h1 {background:none; }
.en.acc h1 {background:none; }

/* classes générales */
.noDeco { color:#333; text-decoration:none; }
.noDeco:hover { text-decoration:underline; }
.puceEcouteurs { background: url(images/pictos/puceEcouteurs.gif) 0 0 no-repeat; padding-left:20px;}
.filetBasBlanc { border-bottom:1px solid #fff; }

.piedTxt { background:url(images/bg/bgPiedTxt.gif) bottom left no-repeat; clear:both; height:40px; }

.nof { clear:both; visibility:hidden; font-size:0; height:0;}
.fleft { float:left; display:inline; }
.fleft img { margin:0 10px 10px 0;}
.fright { float:right; display:inline; }
.clear { float:none; }
.nobord { border:0;}
a.nobord { border:0;}
.bordGris { border:1px solid #ccc; }
.bgColGauche { background: url(images/bg/bgColGauche.gif) 0 0 repeat-y; }
.bgPiedColGauche { background: url(images/bg/bgPiedColGauche.gif) bottom left no-repeat; }
.pucePG {display:block; background:url(images/pictos/pucePG.gif) 0 0 no-repeat; padding-left:20px; padding-bottom:3px;  }
.puceInfo {background:url(images/pictos/puceInfo.gif) 0 0 no-repeat; padding-left:15px; padding-bottom:3px;  }
.puceAuteur {background:url(images/pictos/puceInfo.gif) 0 5px no-repeat; padding-left:15px; padding-top:5px;  }
.puceTempo {font-size:9px; background:url(images/pictos/puceTempo.gif) 0 10px no-repeat; padding-top:10px; padding-left:18px; padding-bottom:3px;  }
.puceVersions {background:url(images/pictos/puceEcouteurs.gif) 0 0 no-repeat; padding-left:20px; padding-bottom:3px;  }

.demi { width:45%; }
.xSmall { font-size:9px; }
.vert { color:#96b408;}
.mauve { color:#8120a0;}
.aereH, ul.aereH li { padding:5px 0;}
.rouge { color:red;}

.acenter { padding-bottom:5px; color:#8120a0;}

.label { display:block; float:left; width:110px; text-align:left; }
/* formulaires */
.labAuto { display:block; float:left; text-align:left; padding-right:10px; }
.labS { display:block; float:left; text-align:right; width:80px; padding-right:10px; }
.labM { display:block; float:left; text-align:right; width:140px; padding-right:10px; }
.labL { display:block; float:left; text-align:right; width:240px; padding-right:10px; }
.labXL { display:block; float:left; text-align:right; width:300px; padding-right:10px; }
.Err { color:red;}
input.inputS { width:80px; height:18px;  }

#rAjax { position:absolute; top:50px; font-weight:bold; }

/* calendrier */
/* CSS Document */
#basis { display:inline; /*position:relative;*/ position:absolute; }
#calender  { position:absolute; top:-100px; left:-220px; width:240px; background-color:#fff; border:2px solid #8120a0; padding:10px; z-index:1000; }
#calender a { display:inline; }
#control { position:relative; text-align:center; margin:0 0 5px 0; }
#control select { font-size:11px; margin:0 5px; vertical-align:middle; width:80px; }
#control option { width:80px;}
#calender  .controlPlus { padding:0 5px; text-decoration:none; color:#333; }
#calender  table { empty-cells: show; width:100%; font-size:11px; table-layout:fixed;}
#calender  .weekdays td {text-align:right; padding:1px 5px 1px 1px; color:#333; }
#calender  .week td { text-align:right; cursor:pointer; border:1px solid #fff; padding:1px 4px 1px 0;}
#calender  .week .today { background-color:#ccc;  border-color:#ccc; }
#calender  .week .holiday { font-weight: bold; }
#calender  .week .hoverEle { border-color:#666; background-color:#96b408; color:#000; }

#pied {width:943px; margin:0 auto; background:#fff;padding:5px 0 10px 0; font-size:9px; color:#666; text-align:center;background:#fff url(images/bg/bgPied.gif) 0 0 repeat-x;  }
#pied p {text-align:left;}
#pied a { float:right;display:inline;text-align:right; color:#666; text-decoration:none; }
#pied a:hover { color:#96B408; }

/* Appel xajax afficher_agent */
.legende_map { position:relative;margin:10px 0 0 50px;width:170px;height:50px; }

#agents{position:absolute; width:360px;height:125px;z-index:2;background:transparent url(images/bg/bgAgent.gif) 0 0 no-repeat; top:300px; left: 240px;}
#agents_response { position:relative; width:343px;height:90px;overflow-y:auto; overflow-x:hidden; margin:12px 0 0 12px;font-size:10px;text-align:left;  }

.agent { position:relative;height:90px;  }
.agent h3 { color: #96b406; text-transform: uppercase; font-size:12px; padding:0 0 3px 0; margin:0; }
.agent .agent_adr, .agent .agent_contact { position:relative; float:left; display:inline; }
.agent .agent_adr { width:48%; }
.agent .agent_contact { width:50%; text-align: left; margin-left:5px;}
.agent .agent_pays {/*display:block;padding-top:5px;*/}

#agents_flash{position:relative;margin:35px 0 0 1px;z-index:1;}