body {
	margin: 0px;
	padding:0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #1A181B;  /* noir */
	background-image: url(media/fond.gif);
	background-repeat: repeat-y;
	background-position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6A5F55;
	text-decoration: none;
}
/* ----------------------------------------------------------------------------------------- */
/* ---------------------------------LIENS ET LISTES----------------------------------- */
/* ----------------------------------------------------------------------------------------- */

/* ---------------------------<a href>------------------------------------ */
a:link {color: #675F55 ;text-decoration: underline;}
a:visited {color: #675F55 ;text-decoration: underline;}
a:hover {color: #675F55 ;text-decoration: none;background-color: #e8e8e8;}
a:active {color: #FFFFFF;text-decoration: none;background-color: #e8e8e8;}

/* ------------<a class="index" href>--pas de soulignement------------------------------------ */
a.index:link {color: #675F55 ;text-decoration: none;}
a.index:visited {color: #675F55 ;text-decoration: none;}
a.index:hover {color: #675F55 ;text-decoration: none;background-color: #e8e8e8;}
a.index:active {color: #FFFFFF;text-decoration: none;background-color: #e8e8e8;}

/* ------------<a class="one" href>--gras et blanc--pas de soulignement---dim et padding--------------------------------- */
a.one:link,a.one:visited {/* MENU a la une, aoura, archives */
	font-weight:bold;
	color:#FFFFFF;
	background-color:#A9A096;  /* taupe*/
	width:100px;
	text-align:center;
	padding:10px;
	text-decoration:none;
	padding: 0 18px 0 0;
}
a.one:hover,a.one:active {/* a la une, aoura, archives */
background-color:#575757;
}

/* ------------<a class="blanc" href>--gras et blanc--pas de soulignement------------------------------------ */
a.blanc:link,a.blanc:visited {/* LIENS POUR FONDS FONCÉS */
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
}
a.blanc:hover,a.blanc:active {/* LIENS POUR FONDS FONCÉS */
background-color:#575757;
text-decoration: none;
}

/* ---------Liens pour mettre une image en hover cf les pages archives------------------------------------- */
a.archiv{
	z-index:10;
	}
a.archiv:hover{
	position:relative;
	z-index:100;
	}			
a span.archiv{
	display:none;
	}
a.archiv:hover span.archiv{
	display:block;
	position:absolute;
	float:left;
	white-space:nowrap;
	top:-2.2em;
	left:-11.5em;
	background-color: #8c857d;
	border: 6px solid #A9A096;
	padding:3px 3px;
	z-index:10;			
	}	
/*	*/
dl, dt, dd, ul {
	list-style-type: none;
}
li {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 25px; 
}




/* -------------------------------------------------------------------------------------------- */
/* ---------------------------------menu deroulant bikini------------------------------------- */
/* -------------------------------------------------------------------------------------------- */



#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align: center;
	background-color: #CFC4B8;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-top: 3px solid #8c857d;
	border-right: 3px solid #8c857d;
	border-bottom: 3px solid #8c857d;
	border-left: 3px solid #8c857d;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* tous les items de liste */
	float: left;
	width: 10em; /* largeur obligatoire, sinon opera devient fou */
}

#nav li ul { /* listes de deuxime niveau */
	position: absolute;
/* 	background: orange;  */
	width: 10em;
	left: -999em; /* on met left plutot que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'cran */
}

#nav li ul ul { /* listes de troisieme niveau et plus */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* listes imbriques sous les items de listes survols */
	left: auto;
}

 


/* -------------------------------------------------------------------------------------------- */
/* ---------------------------------STYLE GENERAL------------------------------------- */
/* -------------------------------------------------------------------------------------------- */

 p {
	font-size: 12px;
	color: #6A5F55;
	text-align: justify;
}  

b {color:#7E7369 ; font-weight: bold;} /* couleur +claire pour alleger le gras */

h1 {
	font-size: 17px;
	color: #7E7369;
}
h2 {
	font-size: 14px;
	color: #7E7369;
}
h3 {
	font-size: 12px;
	color: #6A5F55;
	font-weight: normal;
}

h4 {
	font-size: 10px;
	color: #7E7369;
}

.condense {
	letter-spacing: -1px;
	word-spacing: -1px;
}

 .align-center {
	text-align: center;
}  

.Style1 {
	font-size: 17px;
	color: #7E7369;
}
.Style2 {
	font-size: 12px;
	color: #6A5F55;
}
.Styletitre {
	font-size: 14px;
	color: #6A5F55;
	text-transform: uppercase;
}
.StylePetit {
	font-size: 10px;
	color: #6A5F55;
}
.StylePetitPetit {
	font-size: 9px;
	color: #6A5F55;
}
.StyleTitreAnnonce {
	font-size: 11px;
	color: #6A5F55;
	text-decoration: none;
}

.StylePetitPetitgris {
	font-size: 9px;
	color: #6A5F55;
	background-color: ;
}

/* ----------------------------------------------------------------------------------------- */
/* ------------------MISE EN PAGE----------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

 /* ----------HAUT----------------------------------- */

#top-conteneur {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 131px;
	width: 1039px;
	background-image: url(media/logo.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#menu {/* a la une, aoura, archives */
	position: absolute;
	left: 32px;
	width: 100px;
	height: 88px;
	margin-top:15px;
	padding-left:20px;
	padding-top:10px;
	font-size: 13px;
	text-align: left;
	line-height: 26px;
	/* background-color: #CFC4B8  ;
	border-top: 3px solid #8c857d;
	border-right: 3px solid #8c857d;
	border-bottom: 3px solid #8c857d;
	border-left: 3px solid #8c857d;  */
}

#lienlogo {/*lien sur logo aoura grace a une image transparente qui se place par dessus le logo du div id topconteneur*/
	position: absolute;
	float: left; 
	width: 273px;
	height: 116px;
	margin-left: 320px;
	padding-top: 15px;
}

#haut {/* google */
	position: absolute;
	width: 190px;
	height: 116px;
	margin-left: 820px;
	padding-top: 15px;
}

/* -------MILIEU-------------------------------- */


#conteneur {
	position: absolute;
	left: 22px;
	top: 131px;
	height: 100%;
	width: 1039px;
}


#gauche {
	position: absolute;
	width: 145px;
	height: 100%;
	float: right; /* pour aligner le bloc #frame1 */
	top: -3px; /* pour aligner le bord haut sur le bord de #frame1 */
	left: 0px; /* pour fixer le div avec IE 7 */
}


#frame1 {
	margin-left: 150px; /* on place ce bloc à droite a 150pxdu bloc #gauche  */
	height: 100%;/*   A CHANGER POUR CALER BAS DE PAGE ET BAS MARGE GAUCHE VIGNETTE */
	width: 825px;/* 825px  */
	/* overflow: auto; -- scroll de ce bloc */
}

.page {
	width: 705px;
	margin-left: 20px;
	margin-top: 0px;
	padding-right: 40px;
	padding-left: 40px;
}

.mgmt{
	width: 120px;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	background-color: #CFC4B8;
	text-decoration: none;
	margin: 0px 10px 20px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-top: 3px solid #8c857d;
	border-right: 3px solid #8c857d;
	border-bottom: 3px solid #8c857d;
	border-left: 3px solid #8c857d;
}

.mgmtlarge{
	width: 700px;
	margin-top: 20px;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	background-color: #CFC4B8;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-top: 3px solid #8c857d;
	border-right: 3px solid #8c857d;
	border-bottom: 3px solid #8c857d;
	border-left: 3px solid #8c857d;
}

.promo{
	width: 120px;
	background-color: #ffffff;
	color: #575757;
	font-size: 11px;
	text-align: center;
	word-spacing: 2px;
	text-decoration: none;
	margin: 0px 10px 20px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	white-space:  ;
	border-top: 3px solid #8c857d;
	border-right: 3px solid #8c857d;
	border-bottom: 3px solid #8c857d;
	border-left: 3px solid #8c857d;
	position: relative;
}

.compteur {
	font-size: 14px;
	color: #A9A096;
	text-align: center;
}
/* --------------BAS---------------------- */


.ours {
	position: relative;
	left: 10px;
	background-color: A9A096;  /* taupe*/
	width: 122px;
	height: 214px;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-color: A9A096;
	color: #999999;
	font-size: 10px;
	/*z-index: auto;
	background-image: url("media/ours.gif");
	right: auto; */
}




/* ----------------------------------------------------------------------------------------- */
/* ----------------nouveaux BLOCS DE MISE EN PAGE ---------------------------- */
/* ----------------------------------------------------------------------------------------- */

.floatright { float: right; padding:  5px 0px 2px 10px;}
.floatright-large { 
float: right; 
margin: 25px 0px 20px 25px;
padding: 10px 0px 7px 10px;
}

.floatleft { float: left; padding:  5px 10px 2px 0px;}
.floatleft-large { 
float: left; 
margin: 25px 25px 20px 0px;
padding: 10px 10px 7px 0px;
}


.fotocadre {
	font-family: Arial, Helvetica, sans-serif;
	color:#675F55;
	font-size: 10px;
	font-style: italic;
	text-align: center;
	text-transform: uppercase;
	margin-top: 25px;
/*	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(media/TraisGrisLong.png);
	border: thin solid #A9A096;*/
}	
	
.video{/*VIDEO fotocadre sans trait long et border thin */
	font-family: Arial, Helvetica, sans-serif;
	color:#675F55 ;/* lettre */
	font-size: 11px;
	font-style: italic;
	text-align: center;
	text-transform: capitalize;
	margin-top: 25px;
}
	
.date{/*DATES CONCERTS */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	line-height: 19px;
	background-color: #e8e8e8;
	border: thin solid #A9A096  ;
	margin: 25px;
	padding: 10px 10px 10px 10px;
}	
		
.download {/* telechargement et autres*/
	color: #675f55;
	text-decoration: none;
	background-color: #e8e8e8;
	background-image: url(media/Bandeau_bouton.png);
	background-repeat: no-repeat;
	background-position: left 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: thin solid #A9A096;
	line-height: 20px;
	margin: 25px;
	padding: 0px 10px 0px 10px;
}

.formule{
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background-color: #a9a096;
	text-decoration: none;
	border: 1px solid #a8a8a8;
	line-height: 12px;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	word-spacing: 2px;
	/* white-space: normal;
	visibility: inherit;*/
}
	
	
.menuhoriz {
	height: 17px;
	background-image: url(media/TraisGrisLong.png);
	background-repeat: repeat-x;
	background-position:center;
	font-size: 11px;
	color:#675F55 ;/* lettre */
	text-align: center;
	text-transform: uppercase;
	vertical-align: bottom;
}

.para-float-left{ /*  voir page Aoura.htm rajout    width: 400px; */
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#675F55 ;/* lettre */
	text-align: justify;
	font-size: 11px;
	line-height: 17px;
	background-color: #FFFFFF;
	/*border: thin solid #CFC4B8;  */
	padding:  10px 10px 10px 10px;
}


.para-float-left:first-letter {
	color:#A9A096; /* taupe*/
	font-size:25px;
	font-weight: bold;
	}
	
	.paragrafno{/*DATES CONCERTS */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	line-height: 19px;
	background-color: #e8e8e8;
	border: thin solid #A9A096  ;
	margin: 25px;
	padding: 10px 10px 10px 10px;
}

/* ----------------------------------------------------------------------------------------- */
/* ----------------------------------BLOCS DE LA UNE -------------------------------- */
/* ----------------------------------------------------------------------------------------- */

.line{
	border-top: thin solid #a9a096;
}

.line2{
	border-top: 3px solid #a9a096;width: 100%;
}

.paragraf1{/* pour BLOCS DE LA UNE avec espacement date- titre de 25px (line height) */
	background-image: url(media/Bandeau_bouton.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	line-height: 25px;
	padding:  0px 10px 0px 10px;
	width: auto;
}

.paragrafnono{/*justifié sans bordure plus ramassé */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 11px;
	line-height: 17px;
	/*border: thin solid #cccccc;
	margin: 0px 0px;
	padding:5px 5px 5px 5px;*/
}

.imagecadre2 {/* image de la une */
	/*float: right;
	right: auto;
	padding: 5px 5px 5px ;*/
	float: right; 
padding: 5px 5px 0px 10px;
}

/* ----------------------------------------------------------------------------------------- */
.paragraf{
	background-image: url(media/Bandeau_bouton.png);
	background-repeat: no-repeat;
	background-position: left-top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	line-height: 19px;
	border: thin solid #a9a096;
	padding:  0px 10px 0px 10px;
	 height: 171px;
	width: auto;
}

.paragraf2{
	background-image: url(media/Bandeau_bouton.png);
	background-repeat: no-repeat;
	background-position: left-top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	line-height: 19px;
	border: thin solid #1a181b;
	padding:  0px 10px 10px 10px;
}

/* ----------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------- */
/* -------------------ANCIENS--------BLOCS DE MISE EN PAGE ------------------- */
/* -----------------------Ne pas effacer car encore utilisés ----------------------- */
/* ----------------------------------------------------------------------------------------- */

.ImageGauche {/* fond de pochette cd*/
/* background-image: url(media/Bandeau_gauche.gif);*/
	background-repeat: no-repeat;
	background-position:center;
}

.ImageDroite {/* fond de pochette cd  MARCHE MAL*/
/* background-image: url(media/Bandeau_droite.gif);*/
	background-repeat: no-repeat;
	background-position:center;
}


.MenuHorizon {/* menu horizontal  haut et bas pour les liens*/
/* background-image: url(media/TraisGrisLong.png);
	background-repeat: repeat-x;
	background-position:center;*/
	font-size: 11px;
	color: #575757;
	text-align: center;
	letter-spacing: -1px; 
}


.cadre{/* cadre bordé, font en gras et espace large, pour encart */
	font-size: 11px;
	color: #575757;
	text-align: center;
	text-decoration: none;
	border: thin solid #A9A096;
	line-height: 14px;
	margin: 15px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-indent: 20px;
	word-spacing: 5px;
	white-space: normal;
}


.paragraf3{
	float: left;
	background-repeat: no-repeat;
	background-position: left-top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
	line-height: 19px;
	border: thin solid #1a181b;
	padding:  0px 10px 10px 10px;
	width: 370px;
}



.somaire{/*paragrafno modifié */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 9px;
	color: #333333;
	line-height: 12px;
	border: thin solid #cccccc;
	margin: 15px 30px 15px;
	padding: 15px 30px 15px;
}


.imagecadre {/* image à droite */
	float: right;
	right: auto;
	padding: 5px 5px 5px 5px;
}


.albumleft {/* page album */
	float: left;
	border: thin solid #cccccc;
	background-image: url(media/Bandeau_bouton.gif);
	background-repeat: no-repeat;
	background-position: left-top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
	color: #333333;
	line-height: 19px;
	border: thin solid #cccccc;
	top: 10px;
}

.albumright {/* page album */
	float: right;
	border: thin solid #cccccc;
	background-image: url(media/Bandeau_bouton.gif);
	background-repeat: no-repeat;
	background-position: left-top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
	color: #333333;
	line-height: 19px;
	border: thin solid #cccccc;
	top: 10px;
}