/* ****************************************************************** */
/* Feuille de style "Whatever Acoustique" du site www.cielensauce.com */
/* Ecrit par Didier LLOPIS en janvier 2006 - admin@cielensauce.com    */
/* ****************************************************************** */
/* IMPORTANT !!! Cette feuille de style m'a servit de support         */
/* d'apprentissage des CSS. Aujourd'hui, je la ferai BIEN MIEUX       */
/* en limitant l'utilisation du positionnement absolu                 */
/* (au profit de zones "flottantes"), en profitant des comportement   */
/* par défaut des balises html, ...                                   */
/* ****************************************************************** */


/* redéfinition des balises xhtml */
/* ************************************************************************************** */

body {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-family:verdana, arial, sans-serif;
	background-image:url('../img/fond.gif');
	font-size:62.5%;
}

img, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6, span, a, form, table, tr, td {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-family:verdana, arial, sans-serif;
	font-size:1em;
}

input, select, option, textarea, label {
	font-family:verdana, arial, sans-serif;
	font-size:1em;
}

ul {padding-left:20px;}
li {list-style-image:url('../img/listeFleche.gif');}

td {padding:2px 5px 2px 5px;}
table.phototheque td {width:110px; height:90px; padding:0px 0px 5px 0px; text-align:center;}


a {color:#837A2A; background-color:inherit; text-decoration:none;}
a:hover {color:#EA6B12; background-color:inherit;}
a.noDecoration {color:#333333; background-color:inherit; font-weight:normal;}
a.noDecoration:hover {color:#EA6B12; background-color:inherit; text-decoration:none;}

/* styles généraux */
/* ************************************************************************************** */

#menuWAI, .displayNone {
	/*display:none;*/
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}


.clearBoth {clear:both;}


.bold {font-weight:bold;}
.fontWeightNormal {font-weight:normal;}
.ital {font-style:italic;}
.upper {text-transform:uppercase;}
.alignRight {text-align:right;}

/*.fontSize8 {font-size:8px;}*/

.displayBlock {display:block;}
.displayInline {display:inline;}

.floatRight22 {float:right; width:22px; text-align:right;}
.floatRight136 {float:right; width:136px; text-align:right;}
.floatRight186 {float:right; width:186px; text-align:right;}

.marginTop23 {margin-top:23px;}
.marginTop10 {margin-top:10px;}
.marginTop5 {margin-top:5px;}
.marginBottom23 {margin-bottom:23px;}
.marginBottom12 {margin-bottom:12px;}
.marginBottom5 {margin-bottom:5px;}
.marginLeft10 {margin-left:10px;}
.marginLeft5 {margin-left:5px;}
.marginLeftM20 {margin-left:-20px;}

.paddingTop10 {padding-top:10px;}
.paddingLeft4 {padding-left:4px;}

.imgVign {width:100px; cursor:pointer; border:1px solid #E2DFC3; display:block; line-height:0px; font-size:0px;}
.imgVign:hover {border:1px solid #EA6B12;}
.imgLegende {display:block; font-style:italic;}

.height100 {height:100px;}
.height110 {height:110px;}
.width185 {width:185px;}
.width212 {width:212px;}
.width217 {width:217px;}

.ol {padding-left:25px;}
.olul {padding-left:15px;}
.ol li {list-style-image:none;}

ul.listePoint {padding-left:15px;}
ul.listePoint ul{padding-bottom:5px;}
ul.listePoint li {list-style-image:none; list-style-type:disc;}
ul.listePoint li li {list-style-image:url('../img/listeFleche.gif'); padding-bottom:1px;}
ul.listePoint li ol.ol li {list-style-image:none; list-style-type:decimal;}

.totalLargeur {display:block;}
.bgColor1 {color:#333333; background-color:#DDD385;}
.bgColor2 {color:#333333; background-color:#F9B17F;}

.alignCenter {text-align:center;}

.txtRech {color:#333333; background-color:#FFFF00; font-weight:bold;}

/* ************************************************************************************** */


#bgIllustr {
	position:absolute;
	top:5px;
	left:0px;
	width:112px;
	height:580px;
	background:url('../img/fondIllustr.gif') no-repeat;
	z-index:1;
}

#cadre{
	position:relative;
	top:5px;
	left:0px;
	width:810px;
	height:580px;
	margin:auto;
	z-index:2;
}

#bordureTop{
	position:absolute;
	top:0px;
	left:9px;
	width:790px;
	height:22px;
	background:url('../img/bordTop.gif') no-repeat;
}

#bordureRight{
	position:absolute;
	top:2px;
	left:790px;
	width:20px;
	height:573px;
	background:url('../img/bordRight.gif') no-repeat;
}

#bordureBottom{
	position:absolute;
	top:562px;
	left:10px;
	width:794px;
	height:18px;
	background:url('../img/bordBottom.gif') no-repeat;
}

#bordureLeft{
	position:absolute;
	top:12px;
	left:0px;
	width:20px;
	height:568px;
	background:url('../img/bordLeft.gif') no-repeat;
}

#oiseauH {
	position:absolute;
	top:179px;
	left:350px;
	width:38px;
	height:30px;
	background:url('../img/oiseauH.gif') no-repeat;
	display:block;}
#oiseauH.accueil {background-image:url('../img/oiseauHaccueil.gif');}

#oiseauM {
	position:absolute;
	top:347px;
	left:90px;
	width:36px;
	height:34px;
	background:url('../img/oiseauM.gif') no-repeat;
}

#oiseauB {
	position:absolute;
	top:533px;
	left:747px;
	width:43px;
	height:29px;
	background:url('../img/oiseauB.gif') no-repeat;
}

#site {
	position:absolute;
	top:22px;
	left:20px;
	width:770px;
	height:540px;
	background-color:#FFFFFF;
	color:#333333;
}

#zonesContenus {
	position:absolute;
	top:160px;
	left:10px;
	width:750px;
	height:370px;
}



/* formulaire */
/* ************************************************************************************** */

.champForm {padding-bottom:8px;}
#categChamp {width:143px;margin-left:25px;}
#supportChamp {width:143px;margin-left:36px;}
#editionChamp {width:143px;margin-left:42px;}
#dateSortieChamp {width:143px;}
#indiceRareteChamp {width:235px;}
#chansonsChamp {width:235px;}
#motCleChamp {width:137px;margin-left:40px;}
#avisChamp {width:143px;margin-left:22px;}
#triChamp {width:103px;}
#formSubmit {width:136px;}
#formReset {width:95px;}



/* bandeauHaut */
/* ************************************************************************************** */

#bandeauHaut {
	position:absolute;
	top:10px;
	left:10px;
	width:750px;
	height:120px;
	background:url('../img/bandeauHaut.jpg') no-repeat;
}

#bandeauHaut a { /* logo du site */
	position:absolute;
	top:13px;
	left:4px;
	width:122px;
	height:82px;
	background:url('../img/logo.gif') no-repeat;
}
#bandeauHaut a:hover {background-image:url('../img/logoOv.gif');}



/* menuHaut */
/* ************************************************************************************** */

#menuHaut {
	position:absolute;
	top:15px;
	left:575px;
	width:170px;
	height:77px;
	padding:12px 5px 5px 5px;
	background:url('../img/menuHaut80.jpg') no-repeat;
	overflow:auto;
}

#menuHaut #formAmbiance {padding:3px 0px 3px 3px;}
#menuHaut #formAmbiance #listeAmbiance {background-color:#FFFFFF; color:#333333; width:164px;}

#menuHaut #formRecherche {padding:0px 0px 3px 3px;}
#menuHaut #formRecherche label {font-weight:bold;}
#menuHaut #formRecherche #txtRecherche {width:110px;background-color:#FFFFFF; color:#333333;} /* -21pixels car plusRecherche activé */
#menuHaut #formRecherche #okRecherche {
	position:relative;
	left:-2px;
	width:23px;
	height:19px;
}

#menuHaut #formRecherche #plusRecherche {
	position:absolute;
	top:24px;
	left:151px;
	width:21px;
	height:17px;
	background:url('../img/formPlus.gif') no-repeat;
}
#menuHaut #formRecherche #plusRecherche:hover {background-image:url('../img/formPlusOv.gif');}

#menuHaut #lienPrint {padding-left:3px; color:#72691c; background-color:inherit; font-weight:bold;}
#menuHaut #lienPrint:hover {color:#EA6B12;background-color:inherit;}

/* menuPrincipal */
/* ************************************************************************************** */

#menuPrincipal {
	position:absolute;
	top:130px;
	left:10px;
	width:750px;
	height:20px;
	color:#333333;
	background-color:inherit;
	z-index:2;
}

#menuPrincipal a {font-weight:bold;}
#menuPrincipal a:hover {color:#EA6B12;  background-color:#FFEBDD;}

#menuPrincipal, #menuPrincipal ul {list-style:none;}

#menuPrincipal, #menuPrincipal ul li {list-style-image:none;}

#menuPrincipal, #menuPrincipal li ul li {
	display:block;
	padding:2px 10px 2px 10px;}
#menuPrincipal, #menuPrincipal li ul li:hover {color:#EA6B12; background-color:#FFEBDD;}

#menuPrincipal, #menuPrincipal li {display:inline;padding:0px;}

#menuPrincipal li ul {
	display:none;
	position:absolute;
	top:20px;
	left:0px;
	padding:5px 0px 6px 0px;
	border:1px solid #EA6B12;
	background-image:url('../img/blanc90.png');
}

#menuPrincipal li:hover ul.menuN2 {display:block;}


/* menuPrincipal items */
/* ************************************************************************************** */

#menuPrincipal #dionysos a.menuN1, #menuPrincipal #dionysos a.menuN1in {
	position:absolute;
	top:0px;
	left:0px;
	width:111px;
	height:20px;
	background:url('../img/menuDionysos.gif') no-repeat;}
#menuPrincipal #dionysos a.menuN1:hover, #menuPrincipal #dionysos a.menuN1in {background:url('../img/menuDionysosOv.gif') no-repeat;}
#menuPrincipal #dionysos ul.menuN2 {left:0px;}

#menuPrincipal #enStudio a.menuN1, #menuPrincipal #enStudio a.menuN1in {
	position:absolute;
	top:0px;
	left:111px;
	width:103px;
	height:20px;
	background:url('../img/menuEnStudio.gif') no-repeat;}
#menuPrincipal #enStudio a.menuN1:hover, #menuPrincipal #enStudio a.menuN1in {background-image:url('../img/menuEnStudioOv.gif');}
#menuPrincipal #enStudio ul.menuN2 {left:106px;}
#menuPrincipal #enStudio a.menuN2 {
	padding-right:8px;
	background-image:url('../img/menuFleche.gif');
	background-repeat:no-repeat;
	background-position:80px 3px;}
#menuPrincipal #enStudio a.menuN2:hover {background-image:url('../img/menuFlecheOv.gif');}
#menuPrincipal #enStudio a.mil {background-position:135px 3px;}
#menuPrincipal #enStudio a.what {background-position:176px 3px;}


#menuPrincipal #enStudio ul.menuN2 li ul.menuN3 {
	position:absolute;
	top:145px;
	left:98px;
	width:200px;}
#menuPrincipal #enStudio ul.menuN2 li:hover ul.menuN3 {display:block;}
#menuPrincipal #enStudio ul.menuN2 li ul#enStudioN3mil {
	top:20px;
	left:155px;
}
#menuPrincipal #enStudio ul.menuN2 li ul#enStudioN3what {
	top:52px;
	left:196px;
	width:270px;
}

#menuPrincipal #surScene a.menuN1, #menuPrincipal #surScene a.menuN1in {
	position:absolute;
	top:0px;
	left:214px;
	width:103px;
	height:20px;
	background:url('../img/menuSurScene.gif') no-repeat;}
#menuPrincipal #surScene a.menuN1:hover, #menuPrincipal #surScene a.menuN1in {background-image:url('../img/menuSurSceneOv.gif');}
#menuPrincipal #surScene ul.menuN2 {left:209px;}
#menuPrincipal #surScene a.menuN2 {
	padding-right:8px;
	background-image:url('../img/menuFleche.gif');
	background-repeat:no-repeat;
	background-position:77px 3px;}
#menuPrincipal #surScene a.menuN2:hover {background-image:url('../img/menuFlecheOv.gif');}
#menuPrincipal #surScene ul.menuN2 ul.menuN3 {
	position:absolute;
	top:37px;
	left:95px;
	width:230px;}
#menuPrincipal #surScene ul.menuN2 li:hover ul.menuN3 {display:block;}

#menuPrincipal #multimedia a.menuN1, #menuPrincipal #multimedia a.menuN1in {
	position:absolute;
	top:0px;
	left:317px;
	width:112px;
	height:20px;
	background:url('../img/menuMultimedia.gif') no-repeat;}
#menuPrincipal #multimedia a.menuN1:hover, #menuPrincipal #multimedia a.menuN1in {background-image:url('../img/menuMultimediaOv.gif');}
#menuPrincipal #multimedia ul.menuN2 {left:312px;}

#menuPrincipal #cielEnSauce a.menuN1, #menuPrincipal #cielEnSauce a.menuN1in {
	position:absolute;
	top:0px;
	left:429px;
	width:136px;
	height:20px;
	background:url('../img/menuCielEnSauce.gif') no-repeat;}
#menuPrincipal #cielEnSauce a.menuN1:hover, #menuPrincipal #cielEnSauce a.menuN1in {background-image:url('../img/menuCielEnSauceOv.gif');}
#menuPrincipal #cielEnSauce ul.menuN2 {left:424px;}

#menuPrincipal #communaute a.menuN1, #menuPrincipal #communaute a.menuN1in {
	position:absolute;
	top:0px;
	left:565px;
	width:112px;
	height:20px;
	background:url('../img/menuCommunaute.gif') no-repeat;}
#menuPrincipal #communaute a.menuN1:hover, #menuPrincipal #communaute a.menuN1in {background-image:url('../img/menuCommunauteOv.gif');}
#menuPrincipal #communaute ul.menuN2 {left:560px;}

#menuPrincipal #liens a.menuN1, #menuPrincipal #liens a.menuN1in {
	position:absolute;
	top:0px;
	left:677px;
	width:73px;
	height:20px;
	background:url('../img/menuLiens.gif') no-repeat;}
#menuPrincipal #liens a.menuN1:hover, #menuPrincipal #liens a.menuN1in {background-image:url('../img/menuLiensOv.gif');}


/* (page d'accueil) actualites */
/* ************************************************************************************** */

#actualites {
	position:absolute;
	top:0px;
	left:190px;
	width:368px;
	height:367px;
	border:1px solid #E2DFC3;
	color:#333333;
	background-color:#F7F7D4;
}

#actualites .titre {
	position:absolute;
	top:-1px;
	left:-1px;
	width:370px;
	height:20px;
	background:url('../img/titreActualites.gif') no-repeat;
}

#actualites .titre ul li {display:inline;}

#actualites .titre ul #actuToutes {
	position:absolute;
	top:5px;
	left:213px;
	width:49px;
	height:10px;
	background:url('../img/menuActuToutes.gif') no-repeat;}
#actualites .titre ul #actuToutes:hover {background-image:url('../img/menuActuToutesOv.gif');}

#actualites .titre ul #actuGroupe {
	position:absolute;
	top:6px;
	left:267px;
	width:48px;
	height:13px;
	background:url('../img/menuActuGroupe.gif') no-repeat;}
#actualites .titre ul #actuGroupe:hover {background-image:url('../img/menuActuGroupeOv.gif');}

#actualites .titre ul #actuSite {
	position:absolute;
	top:5px;
	left:321px;
	width:21px;
	height:10px;
	background:url('../img/menuActuSite.gif') no-repeat;}
#actualites .titre ul #actuSite:hover {background-image:url('../img/menuActuSiteOv.gif');}

#actualites .contenu {
	position:absolute;
	top:30px;
	left:0px;
	width:338px;
	height:318px;
	padding:0px 10px 0px 20px;
	overflow:auto;
}

#actualites .contenu li {margin-bottom:20px;}
#actualites .contenu li li {margin-bottom:0px;}
#actualites .contenu li.actugroupe {list-style-image:none;list-style-type:circle;}
#actualites .contenu li.actusite {list-style-image:none;list-style-type:disc;}

#actualites .contenu li span.bold {text-transform:uppercase;}

#actualites .contenu li .img {
	position:relative;
	top:0px;
	left:0px;
	width:100px; /* ne devrait pas être nécessaire car les images générées feront 100 de large */
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	border:2px solid #E2DFC3;
	display:block;
	line-height:0px;
	font-size:0px;}
#actualites .contenu li .img:hover {border:1px solid #EA6B12; padding:1px;}

#actualites .contenu li span.lienAvis{
	display:block;
	clear:both;
	width:238px;
	margin:5px auto 0px auto;
	color:#8B812D;
	background-color:inherit;
	text-align:center;
	padding:5px 0px 2px 0px;
	border-bottom:1px dashed #8B812D;
}

#actualites .contenu li span.lienAvis a {
	color:#837A2A;
	background-color:inherit;
	text-decoration:none;
}
#actualites .contenu li span.lienAvis a:hover{color:#EA6B12;background-color:inherit;}

#actualites .suite {
	position:absolute;
	top:353px;
	left:319px;
	width:41px;
	height:13px;
	background:url('../img/lienArchives.gif') no-repeat;
}
#actualites .suite:hover {background-image:url('../img/lienArchivesOv.gif');}


/* (page d'accueil) prochainsConcerts */
/* ************************************************************************************** */

#prochainsConcerts {
	position:absolute;
	top:0px;
	left:0px;
	width:178px;
	height:178px;
	border:1px solid #E2DFC3;
	color:#333333;
	background-color:#F7F7D4;
}

#prochainsConcerts .titre {
	position:absolute;
	top:-1px;
	left:-1px;
	width:180px;
	height:20px;
	background:url('../img/titreProchainsConcerts.gif') no-repeat;
}

#prochainsConcerts .contenu {
	position:absolute;
	top:30px;
	left:0px;
	width:148px;
	height:128px;
	padding:0px 10px 0px 20px;
	overflow:auto;
}
#prochainsConcerts strong a{color:#333}

#prochainsConcerts .contenu li {margin-bottom:5px;}

#prochainsConcerts .contenu li a {
	color:#333333;
	background-color:inherit;
	text-decoration:none;
}
#prochainsConcerts .contenu li a:hover {color:#EA6B12;background-color:inherit;}

#prochainsConcerts .suite, #forum .suite {
	position:absolute;
	top:164px;
	left:145px;
	width:25px;
	height:9px;
	background:url('../img/lienSuite.gif') no-repeat;
}
#prochainsConcerts .suite:hover, #forum .suite:hover {background-image:url('../img/lienSuiteOv.gif');}

/* (page d'accueil) forum */
/* ************************************************************************************** */

#forum {
	position:absolute;
	top:190px;
	left:0px;
	width:178px;
	height:177px;
	border:1px solid #E2DFC3;
	color:#333333;
	background-color:#F7F7D4;
}

#forum .titre {
	position:absolute;
	top:-1px;
	left:-1px;
	width:180px;
	height:20px;
	background:url('../img/titreForum.gif') no-repeat;
}

#forum .contenu {
	position:absolute;
	top:30px;
	left:0px;
	width:148px;
	height:128px;
	padding:0px 10px 0px 20px;
	overflow:auto;
}

#forum .contenu li {margin-bottom:5px;}

#forum .contenu li a {
	color:#333333;
	background-color:inherit;
	text-decoration:none;
}
#forum .contenu li a:hover {color:#EA6B12;background-color:inherit;}

/* #forum .suite {définit plus haut} */


/* (page d'accueil) chansonDuJour */
/* ************************************************************************************** */

#chansonDuJour {
	position:absolute;
	top:0px;
	left:570px;
	width:178px;
	height:83px;
	border:1px solid #E2DFC3;
	color:#333333;
	background-color:#F7F7D4;
}

#chansonDuJour .titre {
	position:absolute;
	top:-1px;
	left:-1px;
	width:180px;
	height:23px;
	background:url('../img/titreChansonDuJour.gif') no-repeat;
}

#chansonDuJour .contenu{
	position:absolute;
	top:26px;
	left:0px;
	width:148px;
	height:55px;
	padding:0px 10px 0px 20px;
	overflow:auto;
}

#chansonDuJour .contenu li {margin-bottom:3px;}

#chansonDuJour .contenu li a {
	color:#333333;
	background-color:inherit;
	text-decoration:none;
}
#chansonDuJour .contenu li a:hover {color:#EA6B12;background-color:inherit;}


/* (page d'accueil) inscriptions */
/* ************************************************************************************** */

#inscriptions {
	position:absolute;
	top:95px;
	left:570px;
	width:178px;
	height:83px;
	border:1px solid #E2DFC3;
	color:#333333;
	background-color:#F7F7D4;
}

#inscriptions .titre {
	position:absolute;
	top:-2px;
	left:-1px;
	width:180px;
	height:24px;
	background:url('../img/titreInscriptions.gif') no-repeat;
}

#inscriptions .contenu {
	position:absolute;
	top:30px;
	left:0px;
	width:148px;
	height:51px;
	padding:0px 10px 0px 20px;
	overflow:auto;
}

#inscriptions .contenu li {margin-bottom:3px;}

#inscriptions .contenu li a {
	color:#333333;
	background-color:inherit;
	text-decoration:none;
}
#inscriptions .contenu li a:hover {color:#EA6B12;background-color:inherit;}


/* (page d'accueil) whateverEnPhotos */
/* ************************************************************************************** */

#whateverEnPhotos {
	position:absolute;
	top:190px;
	left:570px;
	width:178px;
	height:177px;
	border:1px solid #E2DFC3;
	color:#333333;
	background-color:#F7F7D4;
}

#whateverEnPhotos .titre {
	position:absolute;
	top:-2px;
	left:-1px;
	width:180px;
	height:23px;
	background:url('../img/titreWhateverEnPhotos.gif') no-repeat;
}

#whateverEnPhotos .contenu {
	position:absolute;
	top:26px;
	left:0px;
	width:158px;
	height:152px;
	padding:0px 10px 0px 10px;
	overflow:auto;
}

#whateverEnPhotos .contenu div {
	height:110px;
	width:158px;
	margin-bottom:6px;
	text-align:center;
}

#whateverEnPhotos .contenu div #diaporama {
	height:110px;
	cursor:pointer;
}


/* menuBas */
/* ************************************************************************************** */

#menuBas {
	position:absolute;
	top:529px;
	left:0px;
	width:750px;
	height:10px;
	text-align:center;
}

#menuBas li {
	display:inline;
	color:#666666;
	background-color:inherit;
}

#menuBas li a {color:#666666;background-color:inherit;}
#menuBas li a:hover {color:#EA6B12;background-color:inherit;}



/* page Dionysos ... */
/* ************************************************************************************** */
#dioPresPhoto {
	display:block;
	line-height:1px;
	float:right;
	margin:0px 0px 4px 10px;
	cursor:pointer;
	border:1px solid #E2DFC3;
}
#dioPresPhoto:hover {
	border:1px solid #EA6B12;
}

/* (page contenu simple) zoneCadre */
/* ************************************************************************************** */

#zoneCadre {
	position:absolute;
	top:0px;
	left:0px;
	width:748px;
	height:367px;
	color:#333333;
	border:1px solid #E2DFC3;
	background-color:#F7F7D4;
}

/* #zoneCadre  */
.titre {
	position:absolute;
	top:-3px;
	left:-1px;
	width:750px;
	height:26px;
	background:url('../img/titreSimple-750x26.gif') no-repeat;
}

#zoneCadre .contenu {
	position:absolute;
	top:30px;
	left:0px;
	width:728px;
	height:326px;
	padding:0px 10px 0px 10px;
	overflow:auto;
}

#zoneCadre a {font-weight:bold;}
#zoneCadre a:hover {text-decoration:underline;}


/* page actualités (basée sur une page à une colonne).
   on utilise les styles de la page d'accueil et on redéfinit certaines propriétés */
/* ************************************************************************************** */
#actualites.archives {left:0px; width:748px;}
#actualites.archives .titre {top:-3px; width:750px; height:26px; background-image:url('../img/titreActualites2.gif');}
#actualites.archives .titre ul #actuToutes {top:7px; left:593px;}
#actualites.archives .titre ul #actuGroupe {top:7px; left:647px;}
#actualites.archives .titre ul #actuSite {top:7px; left:701px;}
#actualites.archives .contenu {width:718px; height:326px;}
#actualites.archives .contenu li span.lienAvis {width:400px;}




/* (page contenu deux et trois colonnes) */
/* ************************************************************************************** */

#zoneCadre #contenuAnnexe {
	position:absolute;
	top:29px;
	left:10px;
	width:235px;
	height:328px;
	padding:0px 5px 0px 0px;
	overflow:auto;}
#zoneCadre #contenuAnnexe.paddingTop10 {padding-top:10px;}

#zoneCadre #contenuAnnexe li a {font-weight:normal; color:#333333;background-color:inherit;}
#zoneCadre #contenuAnnexe li a.bold {font-weight:bold;}
#zoneCadre #contenuAnnexe li a:hover {color:#EA6B12;background-color:inherit; text-decoration:none;}
#zoneCadre #contenuAnnexe ol.concerts li {list-style-image:none; margin-left:6px; list-style-type:none;}
#zoneCadre #contenuAnnexe ol.concerts li.separationLi {padding-left:0px; margin:20px 0px 4px 0px; font-weight:bold;}
#zoneCadre #contenuAnnexe ol.concerts li.first {padding-left:0px; margin:0px 0px 4px 0px; font-weight:bold;}


#zoneCadre #contenuAnnexe .sousMenuAnnexeG {font-weight:bold; color:#333333;background-color:inherit; padding-left:15px; background:url('../img/listeFleche.gif') no-repeat;}
#zoneCadre #contenuAnnexe .sousMenuAnnexeG:hover {color:#EA6B12;background-color:inherit; text-decoration:none;}
#zoneCadre #contenuAnnexe #sousMenuAnnexeG {padding-left:0px; margin-bottom:10px;}
#zoneCadre #contenuAnnexe #sousMenuAnnexeG li {display:inline;}

#zoneCadre #separation {
	position:absolute;
	top:34px;
	left:260px;
	width:5px;
	height:318px;
	padding:0px;
	background:url('../img/separationV.gif') no-repeat;
}

#zoneCadre #contenuPrincipal {
	position:absolute;
	top:29px;
	left:275px;
	width:463px;
	height:333px;
	padding:0px 10px 0px 0px;
	overflow:auto;
}

#zoneCadre #contenuPrincipal.plusLarge {
	left:213px;
	width:525px;
}

#zoneCadre #contenuPrincipal h4 {
	text-transform:uppercase;
	margin-bottom:5px;
}

#zoneCadre #contenuPrincipal p {
	margin-bottom:12px;
}


#zoneCadre #contenuPrincipal h4 span {
	text-transform:none;
	font-weight:normal;
}

#zoneCadre #contenuPrincipal ul li {list-style-image:none;}

#zoneCadre #contenuPrincipal .pochAvant {
	position:absolute;
	top:0px;
	left:348px;
	width:100px;
	border:2px solid #E2DFC3;
	display:block;
	line-height:0px;
	font-size:0px;
	cursor:pointer;
}
#zoneCadre #contenuPrincipal .pochAvant.floatRight {position:relative; left:0px; float:right; margin:0px 0px 5px 5px;}
#zoneCadre #contenuPrincipal .pochAvant:hover {border:1px solid #EA6B12; padding:1px; left:348px;}
#zoneCadre #contenuPrincipal .pochAvant.floatRight:hover {border:1px solid #EA6B12; padding:1px; left:0px;}
#zoneCadre #contenuPrincipal .pochAvant.imgHeight100px {width:auto; top:14px;}
#zoneCadre #contenuPrincipal .pochAvant img.imgHeight100px {height:100px;}

#zoneCadre #contenuPrincipal .pochLegende {
	position:absolute;
	top:110px;
	left:345px;
	width:106px;
	text-align:center;
	border:0px;
	padding:0px;
	margin:0px;}
#zoneCadre #contenuPrincipal .pochLegende li {display:inline;padding:0px;}
#zoneCadre #contenuPrincipal .pochLegende li a {color:#333333;background-color:inherit; font-weight:bold;}
#zoneCadre #contenuPrincipal .pochLegende li a:hover {color:#EA6B12;background-color:inherit; text-decoration:none;}


#zoneCadre #contenuPrincipal a.noDecoration {color:#333333;background-color:inherit; font-weight:normal;}
#zoneCadre #contenuPrincipal a.noDecoration:hover {color:#EA6B12;background-color:inherit; text-decoration:none;}
#zoneCadre #contenuPrincipal a.fleche {padding-left:16px; background:url('../img/listeFleche.gif') no-repeat;}

#zoneCadre #contenuPrincipal #pochAv {
	display:block;
	margin-top:13px;
}

#zoneCadre #contenuPrincipal #pochAr {
	display:block;
	margin-top:10px;
}

#zoneCadre #contenuPrincipal #pochCd {
	display:block;
	margin-top:10px;
}

#zoneCadre #contenuPrincipal #pochActive {
	position: absolute;
	top:25px;
	left:135px;
	width:305px;
}

#zoneCadre #contenuPrincipal #titrePrincipal, #zoneCadre #contenuPrincipal #sousMenuPrincipal, #zoneCadre #contenuPrincipal #sousMenuPrincipal li {
	display:inline;
}

#zoneCadre #contenuPrincipal #sousMenuPrincipal {padding-left:0px;}

#zoneCadre #contenuPrincipal #sousZonePrincipal, #zoneCadre #contenuPrincipal #sousZonePrincipal2 {
	position:absolute;
	top:25px;
	left:0px;
	width:468px;
	padding:0px 5px 0px 0px;
	height:308px;
	overflow:auto;}
#zoneCadre #contenuPrincipal #sousZonePrincipal2 {
	top:40px;
	height:280px;}

#zoneCadre #contenuPrincipal .liStyleNone {
	padding-left:7px;
}

#zoneCadre #contenuPrincipal .liStyleNone li{
	list-style:none;
}

#zoneCadre #contenuPrincipal .listePrincipal a{
	font-weight:normal;
	color:#333333;
	background-color:inherit;}
#zoneCadre #contenuPrincipal .listePrincipal a.bold {font-weight:bold;}
#zoneCadre #contenuPrincipal .listePrincipal a:hover{
	color:#EA6B12;
	background-color:inherit;
	text-decoration:none;}

#zoneCadre #contenuPrincipal #divRetour {
	margin-top:20px;
	width:433px;
	text-align:center;}
#zoneCadre #contenuPrincipal #divRetour a {
	padding-left:12px;
	background-color:inherit;
	background-image:url('../img/listeFleche.gif');
	background-repeat:no-repeat;
	background-position:0px 1px;
	color:#333333;}
#zoneCadre #contenuPrincipal #divRetour a:hover {color:#EA6B12;background-color:inherit;}



/* (page contenu trios colonnes) */
/* ************************************************************************************** */

#zoneCadre #contenuAnnexe1 {
	position:absolute;
	top:29px;
	left:10px;
	width:212px;
	height:108px;
	padding:0px 10px 0px 15px;
	overflow:auto;
}

#zoneCadre #separationAnnexe{
	position:absolute;
	top:108px;
	left:13px;
	width:230px;
	height:5px;
	padding:0px;
	background:url('../img/separationH230.gif') no-repeat;}
#zoneCadre #separationAnnexe.plusHaut {top:68px;}

#zoneCadre #contenuAnnexe2 {
	position:absolute;
	top:118px;
	left:10px;
	width:209px;
	height:249px;
	padding:0px 5px 0px 30px;
	overflow:auto;}
#zoneCadre #contenuAnnexe2.plusHaut {top:88px; height:266px;}
#zoneCadre #contenuAnnexe2.plusHaut ul {padding-left:0px; margin-left:-10px;}
#zoneCadre #contenuAnnexe2.plusHaut ul.listePoint ul{padding-left:25px;padding-bottom:5px;}
#zoneCadre #contenuAnnexe2.plusHaut ul.listePoint li {list-style-image:none; list-style-type:disc;}
#zoneCadre #contenuAnnexe2.plusHaut ul.listePoint li ul li {list-style-image:url('../img/listeFleche.gif'); padding-bottom:1px;}
#zoneCadre #contenuAnnexe2.plusHaut ul.listePoint li ol.ol li {list-style-type:decimal; padding-bottom:1px;}

#zoneCadre #contenuAnnexe2 .titreAnnexe {
	margin-left:-30px;
	padding-left:15px;
	background:url('../img/listeFleche.gif') no-repeat;
	font-weight:normal;
}

#zoneCadre #contenuAnnexe2 li {list-style-image:none; margin-left:-5px;}

#zoneCadre #contenuAnnexe2 #sousMenuAnnexe {
	position:relative;
	top:0px;
	left:-19px;
	padding-left:4px;
}

#zoneCadre #contenuAnnexe2 #sousMenuAnnexe li {
	padding:0px;
	list-style-type:none; 
	display:inline;
}

#zoneCadre #contenuAnnexe1 li a, #zoneCadre #contenuAnnexe2 li a {color:#333333;background-color:inherit;font-weight:normal;}
#zoneCadre #contenuAnnexe1 li a.bold, #zoneCadre #contenuAnnexe2 li a.bold {font-weight:bold;}
#zoneCadre #contenuAnnexe1 li a:hover, #zoneCadre #contenuAnnexe2 li a:hover {color:#EA6B12;background-color:inherit;text-decoration:none;}


/* page avis */
/* ************************************************************************************** */

#cadreAvis #formAvis #formAvisContent, #cadreAvis #formAvis #listeAvis {
	position:relative;
	top:0px;
	left:0px;
	width:400px;
	color:#333333;
	margin:15px auto 0px auto;
	border:1px solid #EA6B12;
	padding:10px 10px 0px 10px;
	background-color:#FFFFFF;}
#cadreAvis #formAvis #formAvisContent {padding-bottom:10px;}
#cadreAvis #formAvis #formAvisContent.aideRech {width:450px;}

#cadreAvis #formAvis #formAvisContent h3, #cadreAvis #formAvis #formAvisContent h4 {font-size:1.2em;}

#cadreAvis #formAvis #formAvisContent div {
	position:relative;
	top:0px;
	left:0px;
	margin-top:15px;
}

#cadreAvis #formAvis #formAvisContent div #titreAvis, #cadreAvis #formAvis #formAvisContent div #messageAvis, #cadreAvis #formAvis #formAvisContent div #auteurAvis {
	position:absolute;
	left:65px;
	top:-2px;
	width:325px;
}

#cadreAvis #formAvis #formAvisContent #textareaDivAvis, #cadreAvis #formAvis #formAvisContent div #messageAvis {height:66px;}

#cadreAvis #formAvis #formAvisContent #bouttonAction {text-align:center;}

#cadreAvis #formAvis #listeAvis li{
	padding-bottom:10px;
	list-style:none;
}



/* page recherches/échanges */
/* ************************************************************************************** */

#zoneCadre #divEchanges {
	float:left;
	width:355px;
	padding-right:5px;
}

#zoneCadre #divRecherches {
	float:right;
	width:355px;
	padding-right:5px;
}

#zoneCadre ul#divEchanges {
	float:left;
	width:325px;
	padding-right:5px;
}

#zoneCadre ul#divRecherches {
	float:right;
	width:325px;
	padding-right:5px;
}


/* page formulaire inscription mail */
/* ************************************************************************************** */

#zoneCadre #zoneInfo {
	text-align:center;
	color:#EA6B12;
	border:1px solid #EA6B12;
	background-color:#FFFFFF;
	width:320px;
	padding:10px;
	margin:0px auto 10px auto;
}

#zoneCadre #divFonctions {
	float:left;
	width:288px;
	padding-right:5px;
	margin-top:20px;
}

#zoneCadre #divInscription {
	float:right;
	width:410px;
	padding-right:5px;
	margin-top:20px;
}



/* page liens */
/* ************************************************************************************** */
#zoneCadre.liens #sousMenuPrincipal {
	position:absolute;
	top:30px;
	left:0px;
	height:12px;
	margin-left:10px;
	padding-left:15px;
	background:url('../img/listeFleche.gif') no-repeat;
	background-position:0px 1px;
}

#zoneCadre.liens #sousMenuPrincipal li {
	display:inline;
	list-style-image:none;
}

#zoneCadre.liens #listeLiens.contenu { 
	top:58px;
	height:290px;
}

#zoneCadre.liens #listeLiens.contenu h4 {
	text-transform:uppercase;
	margin:10px 0px 5px 0px;
}

#zoneCadre.liens #listeLiens.contenu div {
	color:#333333;
	padding:5px 5px 0px 5px;
	margin:0px 0px 5px 20px; 
	border:1px solid #EA6B12;
	background-color:#FFFFFF;
}

#zoneCadre.liens #listeLiens.contenu div div {
	padding:0px;
	margin:0px; 
	border:none;
}

#zoneCadre.liens #listeLiens.contenu div div a.normal {
	font-weight:normal;
	color:#333333;
	background-color:inherit;
	text-decoration:none;}
#zoneCadre.liens #listeLiens.contenu div div a.normal:hover {color:#EA6B12;background-color:inherit;}
#zoneCadre.liens #listeLiens.contenu div div a.bold {text-decoration:none;}

#zoneCadre.liens #listeLiens.contenu div div {margin-bottom:5px;}


/* page objets promos */
/* ************************************************************************************** */
#zoneCadre.objetsPomos #sousMenuPrincipal {
	position:absolute;
	top:30px;
	left:0px;
	height:12px;
	margin-left:10px;
	padding-left:15px;
	background:url('../img/listeFleche.gif') no-repeat;
	background-position:0px 1px;
}

#zoneCadre.objetsPomos #sousMenuPrincipal li {
	display:inline;
	list-style-image:none;
}

#zoneCadre.objetsPomos .contenu{
	top:46px;
	height:320px;
}

#zoneCadre.objetsPomos .contenu h4 {
	text-transform:uppercase;
	margin:10px 0px 5px 0px;
}

#zoneCadre.objetsPomos .contenu div {
	float:left;
	margin:0px 10px 10px 0px;
	padding:5px;
	border:2px solid #EA6B12;
	background-color:#FFFFFF;
	color:inherit;
	width:153px;
	text-align:center;
	min-height:140px;
}
* html #zoneCadre.objetsPomos .contenu div {margin-right:8px; height:140px;}

#zoneCadre.objetsPomos .contenu div.clearBoth {
	display:block;
	float:none;
	clear:both;
	min-width:0px;
	min-height:0px;
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	border:0px;
	font-size:0px;
	line-height:0px;
	background-color:#f7f7d4;
	color:inherit;
}


#zoneCadre.objetsPomos .contenu div a.objVign {
	display:block;
	height:100px;
	margin-bottom:3px;
	overflow:hidden;
}

#zoneCadre.objetsPomos .contenu div a.objVign img {border:2px solid #E2DFC3;}
#zoneCadre.objetsPomos .contenu div a.objVign:hover img{border:2px solid #EA6B12;}

#zoneCadre.objetsPomos .contenu div p {
	text-align:center;
}


/* page cielensauce */
/* ************************************************************************************** */
#zoneCadre.cielensauce ul.listePoint {
	padding-left:20px;
}

#zoneCadre.cielensauce h4 {
	text-transform:uppercase;
	margin-bottom:5px;
}

#zoneCadre.cielensauce #contenuAnnexe a.ces {font-weight:bold; color:#837A2A; background-color:inherit;}
#zoneCadre.cielensauce #contenuAnnexe a.ces:hover {color:#EA6B12; background-color:inherit; text-decoration:underline;}


/* page résultats de recherche */
/* ************************************************************************************** */
#zoneCadre.rech #sousMenuPrincipal {
	position:absolute;
	top:30px;
	left:0px;
	height:12px;
	margin-left:10px;
	padding-left:15px;
	background:url('../img/listeFleche.gif') no-repeat;
	background-position:0px 1px;
}

#zoneCadre.rech #sousMenuPrincipal li {
	display:inline;
	list-style-image:none;
}

#zoneCadre.rech #listeResRech.contenu { 
	top:60px;
	height:285px;
}

#zoneCadre.rech #listeResRech.contenu h4 {
	text-transform:uppercase;
	margin:10px 0px 5px 0px;
}

#zoneCadre.rech #listeResRech.contenu div {
	color:#333333;
	padding:5px 5px 0px 5px;
	margin:0px 0px 5px 20px; 
	border:1px solid #EA6B12;
	background-color:#FFFFFF;
}

#zoneCadre.rech #listeResRech.contenu div div {
	padding:0px;
	margin:0px; 
	border:none;
}

#zoneCadre.rech #listeResRech.contenu div div a.normal {
	font-weight:normal;
	color:#333333;
	background-color:inherit;
	text-decoration:none;}
#zoneCadre.rech #listeResRech.contenu div div a.normal:hover {color:#EA6B12;background-color:inherit;}
#zoneCadre.rech #listeResRech.contenu div div a.bold {text-decoration:none;}

#zoneCadre.rech #listeResRech.contenu div div {margin-bottom:5px;}


/* titres pages contacts */
/* ************************************************************************************** */

#zoneCadre.contacts .contenu {height:310px;}

#zoneCadre.contacts .contenu .contactSsTitre {
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
}

#zoneCadre.contacts .contenu #formContactDiv {
	margin-top:10px;
	margin-bottom:13px;
	text-align:center;
}

#zoneCadre.contacts .contenu #contactTitre {
	margin-top:5px;
	margin-left:24px;
	width:528px;
}

#zoneCadre.contacts .contenu #contactEmail {
	margin-left:19px;
	width:528px;
}

#zoneCadre.contacts .contenu #contactSubmit {
	margin-top:10px;
}

#zoneCadre.contacts .contenu .textarea label{
	vertical-align:top;
}

#zoneCadre.contacts .contenu p {
	margin-left:20px;
}



/* pages tablatures */
/* ************************************************************************************** */

#zoneCadre #contenuPrincipal div#tabs,
#zoneCadre #contenuPrincipal div#tabs div,
#zoneCadre #contenuPrincipal div#tabs p {
	font-family:"Courier New", arial, sans-serif;
	font-size:1.1em;
}

#zoneCadre #contenuPrincipal div#tabs.plusPetit,
#zoneCadre #contenuPrincipal div#tabs.plusPetit div,
#zoneCadre #contenuPrincipal div#tabs.plusPetit p {
	font-size:1.05em;
}


/* pages plan du site */
/* ************************************************************************************** */

#zoneCadre.planSite .contenu {height:330px}
#zoneCadre.planSite a {font-weight:normal;}
#zoneCadre.planSite a.bold {font-weight:bold;}



/* titres pages dionysos */
/* ************************************************************************************** */

#titreDionysosGroupe {background:url('../img/titreDionysosGroupe.gif');}
#titreDionysosMathias {background:url('../img/titreDionysosMathias.gif');}
#titreDionysosBabet {background:url('../img/titreDionysosBabet.gif');}
#titreDionysosMike {background:url('../img/titreDionysosMike.gif');}
#titreDionysosRico {background:url('../img/titreDionysosRico.gif');}
#titreDionysosGuigz {background:url('../img/titreDionysosGuigz.gif');}
#titreDionysosStephan {background:url('../img/titreDionysosStephan.gif');}
#titreDionysosStaff {background:url('../img/titreDionysosStaff.gif');}


/* titres pages en studio */
/* ************************************************************************************** */

#titreEnStudio01 {background:url('../img/titreEnStudio01.gif');}
#titreEnStudio02 {background:url('../img/titreEnStudio02.gif');}
#titreEnStudio03 {background:url('../img/titreEnStudio03.gif');}
#titreEnStudio04 {background:url('../img/titreEnStudio04.gif');}
#titreEnStudio05 {background:url('../img/titreEnStudio05.gif');}
#titreEnStudio06 {background:url('../img/titreEnStudio06.gif');}
#titreEnStudio07 {background:url('../img/titreEnStudio07.gif');}
#titreEnStudio08 {background:url('../img/titreEnStudio08.gif');}
#titreEnStudio09 {background:url('../img/titreEnStudio09.gif');}
#titreEnStudio143 {background:url('../img/titreEnStudio143.gif');}
#titreEnStudio145 {background:url('../img/titreEnStudio145.gif');}
#titreEnStudio147 {background:url('../img/titreEnStudio147.gif');}
#titreEnStudio149 {background:url('../img/titreEnStudio149.gif');}
#titreEnStudioIndexChansons {background:url('../img/titreEnStudioIndexChansons.gif');}
#titreEnStudioDiscoComplete {background:url('../img/titreEnStudioDiscoComplete.gif');}
#titreEnstudioPresse {background:url('../img/titreEnStudioPresse.gif');}
#titreEnscenePresse {background:url('../img/titreSurScenePresse.gif');}


/* titres pages sur scène */
/* ************************************************************************************** */

#titreSurSceneConcertsAVenir {background:url('../img/titreSurSceneConcertsAVenir.gif');}
#titreSurSceneConcertsHistorique {background:url('../img/titreSurSceneHistorique.gif');}
#titreSurSceneCompteRendu {background:url('../img/titreSurSceneComptesRendus.gif');}
#titreSurSceneSetlists {background:url('../img/titreSurSceneSetlists.gif');}
#titreSurSceneMatos {background:url('../img/titreSurSceneMatos.gif');}
#titreSurSceneAvecEux {background:url('../img/titreSurSceneAvecEux.gif');}
#titreSurScenePlanDeScene {background:url('../img/titreSurScenePlanScene.gif');}


/* titres pages multimédia */
/* ************************************************************************************** */

#titreMultimediaphotos {background:url('../img/titreMultimediaPhotos.gif');}
#titreMultimediavideos {background:url('../img/titreMultimediaVideos.gif');}
#titreMultimediaobjetspromo {background:url('../img/titreMultimediaObjetsPromos.gif');}
#titreMultimediasons {background:url('../img/titreMultimediaAudio.gif');}


/* titres pages Ciel en sauce */
/* ************************************************************************************** */

#titreCesPresentationHistorique {background:url('../img/titreCesPresentation.gif');}
#titreCesDiscographie {background:url('../img/titreCesDiscographie.gif');}
#titreCesParolesTablatures {background:url('../img/titreCesParolesTabs.gif');}
#titreCesNouvellePeinture {background:url('../img/titreCesNouvellePeinture.gif');}
#titreCesAnecdotesInterviews {background:url('../img/titreCesAnecdotesInterviews.gif');}
#titreCesAudioVideos {background:url('../img/titreCesAudioVideos.gif');}
#titreCesVosCreations {background:url('../img/titreCesVosCreations.gif');}


/* titres pages Communauté */
/* ************************************************************************************** */

#titreCommunauteVosCreations {background:url('../img/titreCommunauteVosCreations.gif');}
#titreCommunauteEmail {background:url('../img/titreCommunauteEmail.gif');}
#titreCommunauteRecherches {background:url('../img/titreCommunauteRecherches.gif');}


/* titres autres pages */
/* ************************************************************************************** */

#titreLiens {background:url('../img/titreLiens.gif');}
#titreRecherche {background:url('../img/titreRecherche.gif');}
#titreContacts {background:url('../img/titreContacts.gif');}
#titreCreditsInfos {background:url('../img/titreCreditsInfos.gif');}
#titrePlanSite {background:url('../img/titrePlanSite.gif');}
#titreQuizz {background:url('../img/titreQuizz.gif');}


/* mises à jour 2007! */
/* ************************************************************************************** */
.apercu img, .apercu2{
	display:block;
	margin:10px auto 0px auto;
	border:1px solid #837A2A;
	padding:3px;
}

.apercu:hover img{
	border:1px solid #EA6B12;
}

body #cadreAvis #formAvis #formAvisContent div#commentAvisDiv{display:none}