/* LE HALL DE LA CHANSON
juin 2006 - Fred Maillard - http://portfolio.voiture35.net

	------------------------------------------

 couleurs :		bleu clair : #BBDDE9
 				bleu moyen : #7FC5DC
				bleu foncé: #4581AB
				gris bleu : #7E8C98
				bleu sombre : #213546
				orange : #D35138
				rouge orangé : #FE341D
				rouge sombre : #2A1716
				
Font-family : 	Arial, Helvetica, sans-serif
				Gill Sans, Verdana, Serif
				
*/			
/*	------------------------------------------
STRUCTURES PAGES // BOITES // BLOCS
*/

/* index */
.boiteHome {
		float:none;
		min-height:700px;
		height:auto;
		width:860px;
		color:#213546;
		background-image:url(images/trame.gif);
}
.colHome1 {
		float:left;
		width:300px;
		height:auto;
		min-height:700px;
		border-right: 1px dotted #213546;
		background-image:url(images/trame.gif);
		padding-left:5px;
		padding-top:20px;
		color:#213546;
}

.colHome2 {
		float:left;
		width:300px;
		height:auto;
		min-height:700px;
		background-image:url(images/trame.gif);
		padding-left:9px;
		padding-top:20px;
		color:#213546;
}



.colHome3 {
		float:right;
		min-height:700px;
		width:245px;
		height:auto;
		background-color:#4581AB;
}

.boiteFlash {
		float:none;
		width:auto;
		height:auto;
		background-color:#FFFFFF;
		border: 1px dotted #4581AB;
		margin: 5px 7px 0px 7px;
		padding:3px;

}
.actuHome{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		color:#213546;
		padding:3px;
		text-align:justify;
		margin: 5px 7px 0px 7px;
		background-color:#E1E1D9;
		border:1px solid #213546;
}
.coordHome{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
		color:#213546;
		padding:3px;
		text-align:left;
		margin: 5px 7px 0px 7px;
		background-color:#7FC5DC;
		border:1px solid #213546;
}
.boitePiedHome{
		border-top:1px dotted #213546;
		height:auto;
		width:860px;
		margin-top:0px;
		padding-bottom:20px;
		background-color:#BBDDE9;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#999999;
		text-align:center;
		text-decoration:none;
		cursor:default;
}

/*autres pages*/

.boiteTitrePage {
		float:none;
		height:auto;
		width:auto;
}

.boiteBlocLigne {
		float:none;
		height:auto;
		width:auto;
		margin: 5px 5px 0px 5px;
}

.boiteColonne1 {
		float:left;
		height:auto;
		margin-left:10px;
		
}
.boiteColonne2 {
		float:left;
		height:auto;
		margin: 0px 10px 10px 10px;
		background-image:url(images/trame.gif);
		border:1px dotted #213546;
		padding:5px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:11px;
		color:#213546;
		text-align:justify;
	
}

.boiteColonne2b {
	float:Aucune;
	margin: 0px 10px 10px;
	background-image:url(images/trame.gif);
	border:1px dotted #213546;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#213546;
	text-align:justify;
	position: relative;
	left: 20px;
	top: 0px;
	
}

	/*2 colonnes de texte (Gauche & Droite)*/
.boiteColDblG {
		float:left;
		height:auto;
		width:405px;
		margin-top:5px;
		padding-right:10px;
		border-right: 1px dotted #213546;
		text-align:justify;
}
.boiteColDblD {
		float:left;
		height:auto;
		width:405px;
		margin-top:5px;
		padding-left:10px;
		text-align:justify;
}

.boiteColonneBleuClair {
		float:left;
		height:auto;
		margin: 0px 5px 0px 5px;
		background-image:url(images/trame.gif);
}

.boiteEncart {
		float:none;
		height:auto;
		width:auto;
		margin:10px;
		padding:3px;
		background-image:url(images/trame.gif);
		border:1px dotted #213546;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#213546;
		text-align:justify;
}
.boiteVignette1 {
		float:left;
		height:auto;
		width:20%;
		padding:20px 5px 5px 5px;
}

.boiteTxt1 {
		float:left;
		height:auto;
		width:70%;
		padding:10px 5px 5px 5px;
		
}
.boiteTxt1Alt {
		float:left;
		height:auto;
		width:70%;
		padding:10px 5px 5px 5px;
		background-image:url(images/trame.gif);
}

	/* adresse pied de page */
.boitePiedCoord {
		height:auto;
		width:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#BBDDE9;		
		text-align:center;
		border-top:1px dotted #213546;
}

	/* menu html pied de page */
.boitePiedMenu{
		border-top:1px dotted #213546;
		height:auto;
		width:auto;
		margin-top:10px;
		padding-bottom:20px;
		background-color:#BBDDE9;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#999999;
		text-align:center;
		text-decoration:none;
		cursor:default;
}


/*	------------------------------------------
TEXTES & LISTES
  */

/* index */

.boiteFlash p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:justify;
		color:#213546;
}
.boiteFlash p span.gras {
		font-weight:bold;
}
.boiteFlash p span.italic {
		font-style:italic;
}
.colHome1 h1, .colHome2 h1 {
		font-family:Gill Sans, Verdana, Serif;
		font-size:18px;
		color:#2A1716;
}

.t1	{
		font-family:Gill Sans, Verdana, Serif;
		font-size:18px;
		color:#2A1716;
}
	
.t2	{
		font-family:Gill Sans, Verdana, Serif;
		font-size:14px;
		color:#213546;	
}

.colHome1 h2, .colHome2 h2 {
		font-family:Gill Sans, Verdana, Serif;
		font-size:14px;
		color:#213546;
		
}
.colHome3 h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#BBDDE9;
		padding: 7px 0px 0px 10px;
	
}
.colHome1 li, .colHome2 li {
		list-style-type:none;
		list-style-position:outside;
		color:#213546;
}

/* autres pages */

.boiteTitrePage p {
		font-family:Gill Sans, Verdana, Serif;
		font-size:20px;
		font-weight:bold;
		color:#ffffff;
		margin-left:15px;
}
.boiteTitrePage p span.st {
		font-family:Gill Sans, Verdana, Serif;
		font-size:12px;
		font-weight:bold;
		color:#ffffff;
}

.txtChapeauBlanc {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		text-align:left;
		padding:5px;
		color:#FFFFFF;
}

.boiteColonne2 p {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:11px;
		color:#213546;
				
}

.txtSimple3{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#213546;
		text-decoration:none;
		padding:2px;
		margin:2px;
		display:block;
}
p.titreListe1 {
		font-family:Gill Sans, Verdana, Serif;
		font-size:14px;
		font-weight:bolder;
		color:#FFFFFF;
		margin-left:5px;
}
p.titreListe2 {
		font-family:Gill Sans, Verdana, Serif;
		font-size:14px;
		font-weight:bold;
		color:#4581AB;
		margin-left:5px;
}
p.texteSimple {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	margin-left:5px;
}
p.texteSimple2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	margin-left:2px;
	margin-right:2px;
	padding:1px;
	color:#213546;
	background-color:#7FC5DC;
}
.boiteColDblD p, .boiteColDblG p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#BBDDE9;
		text-indent:1em;
}

.boiteMenuLigne {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bolder;
		color:#FFFFFF;
		margin-bottom:10px;
}

.boiteTxt1 p, .boiteTxt1Alt p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}
.boiteTxt1 p span.titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#BBDDE9;
}
.boiteTxt1Alt p span.titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4581AB;
}
.boiteTxt1 p span.datte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#7FC5DC;
}
.boiteTxt1Alt p span.datte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#7E8C98;
}
.boiteEncart p span.titre, .boiteColonne2 p span.titre {
		font-family:Gill Sans, Verdana, Serif;
		font-size:12px;
		font-weight:bold;	
		color:#4581AB;
		
}
.boiteEncart p span.titreGras, .boiteColonne2 p span.titreGras {
		font-family:Gill Sans, Verdana, Serif;
		font-size:14px;
		font-weight:bold;	
		color:#213546;
		
}
.boiteEncart p span.stitre, .boiteColonne2 p span.stitre {
		font-size:11px;
		font-weight:bold;	
		color:#213546;
		
}

li.item1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-style:italic;
		text-align:left;
		color:#213546;
		list-style-type:square;
}
.boiteEncart li span.grasBleu, .boiteColonne2  li span.grasBleu {
		font-weight:bold;
		color:#4581AB;
}
.boiteEncart li span.itaSombre, .boiteColonne2  li span.itaSombre {
		font-size:10px;
		font-style:italic;
		color:#213546;
}


/*	------------------------------------------
LIENS & BOUTONS
*/

/*index */

.actuHome a {
		color:#213546;
		text-decoration:none;
		cursor:default;
}
.actuHome a:hover{
		color:#4581AB;
}
.actuHome a span{
		font-weight:bold;
		color:#D35138;
}
.actuHome a:hover span{
		font-weight:bold;
		color:#FE341D;
}

.colHome1 li a, .colHome2 li a {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:11px;
		color:#213546;
		text-decoration:none;
		display:block;
		margin:2px;
}

.colHome1 li a:hover, .colHome2 li a:hover {
		color:#FFFFFF;
		background-color:#D35138;
}

.boiteFlash a, .boiteFlash p span.gras a, .boiteFlash p span.italic a {
		text-decoration:none;
		color:#D35138;
		cursor:default;
}

.boiteFlash a:hover, .boiteFlash p span.gras a:hover, .boiteFlash p span.italic a:hover {
		color:#4581AB;
}

/*autres pages*/
a.titreListe1 {
		font-family:Gill Sans, Verdana, Serif;
		font-size:14px;
		font-weight:bolder;
		color:#BBDDE9;
		text-decoration:none;
		padding-left:3px;
		padding-right:3px;
}

a.titreListe1:hover {
		color:#4581AB;
		background-color:#BBDDE9;
		text-decoration:none;
}
a.item2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
		color:#BBDDE9;
		background-color:#4581AB;
		text-decoration:none;
		padding:2px;
		margin:2px;
		display:block;
}
a.item2:hover {
		color:#FFFFFF;
		background-color:#D35138;
}
.boiteColDblD p a, .boiteColDblG p a {
		color:#7FC5DC;
		text-decoration:none;
		cursor:default;
}

.boiteColDblD p a:hover, .boiteColDblG p a:hover {
		color:#FFFFFF;
		text-decoration:none;
		background-color:#D35138;
}

.boiteMenuLigne a {
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		color:#7FC5DC;
}

.boiteMenuLigne a:hover {
		font-size:14px;
		font-weight:bolder;
		text-decoration:none;
		color:#FFFFFF;
		background-color:#D35138;
}
.boiteEncart a, .boiteColonne2 a{
		color:#4881AB;
		font-weight:bold;
		text-decoration:none;
		cursor:default;
}
.boiteEncart a:hover, .boiteColonne2 a:hover{
		color:#D35138;
		text-decoration:none;
}
.boiteEncart a.bouton, .boiteColonne2 a.bouton {
		background-color:#4581AB;
		color:#BBDDE9;
		padding:2px;
		margin:2px;
		width:320px;
		display:block;
}
.boiteEncart a.bouton:hover,  .boiteColonne2 a.bouton:hover{
		background-color:#D35138;
		color:#FFFFFF;
}
.boiteEncart a.bouton2, .boiteColonne2 a.bouton2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-style:italic;
		color:#4581AB;
		text-decoration:none;
}
.boiteEncart a.bouton2:hover, .boiteColonne2 a.bouton:hover {
		font-style:italic;
		color:#D35138;
}
.boitePiedMenu a, .boitePiedHome a  {
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#999999;
			text-align:center;
			text-decoration:none;

}
.boitePiedMenu a:hover, .boitePiedHome a:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#4581AB;
			text-align:center;
			text-decoration:none;
}


a.highslide-credits,a.highslide-credits i {
    		padding: 2px;
    		color: silver;
    		text-decoration: none;
		font-size: 10px;
}
a.highslide-credits:hover,a.highslide-credits:hover i {
    		color: white;
    		background-color: gray;
}
.highslide-display-block {
		display: block;
}
.highslide-display-none {
		display: none;
}



.Jaune{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;  text-decoration: none}
.Jaune:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #F5D949; text-decoration: underline overline}
.TitreJaune{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#F5D949;  text-decoration: none}
.Menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFFFF; text-decoration: none;}
.Menu:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#F5D949; text-decoration: none;}
.TD {font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.TDnorepeat{background-repeat: no-repeat; background-position :bottom; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000}
.Bouton { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-transform: none; font-style: normal; clip: rect()}

.Arial{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF}
.ArialG{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight: bold}
.ArialBleu{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#4477AA}
.ArialBleu:hover{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#88bbdd}
.ArialBleu2{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#4477AA; font-weight: bold; text-decoration: none;}
.ArialDark{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#555555}
.ArialGris{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#CCCCCC}
.ArialGras{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF; font-weight: bold}
.ArialGrasJaune{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#E3C360; font-weight: bold}
.ArialJaune{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#E3C360;}
.ArialNoir{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#000000}
.ArialRouge{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#B30200; text-decoration: none;}
.ArialRouge:hover{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#FF0000; text-decoration: none;}
.ArialRouge2{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#FF0000; text-decoration: underline;}
.ArialRouge2:hover{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#B30200; text-decoration: underline;}
.ArialRougeGras{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#B30200; font-weight: bold; text-decoration: none;}
.ArialRougeGras:hover{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#FF3300; font-weight: bold; text-decoration: none;}
.ArialRougeGras2{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#FF0000; font-weight: bold; text-decoration: none;}
.ArialRougeBig{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#FF0000; font-weight: bold; text-decoration: none;}
.ArialRougeBig2{font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#FF0000; font-weight: bold; text-decoration: none;}
.ArialTitre{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF; font-weight: bold}
.ArialTitre2{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF}
.ArialTitre3{font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#FFFFFF}

.Texte{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000}
.Texte:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#999999}
.Texte2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000}
.TexteBleu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#336699}
.TexteNormal{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF}
.TexteNormalItalique{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; font-style: italic}
.TexteNormal2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF}
.TexteNormal3{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF}
.TexteMoyen{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#cccccc}
.TexteMoyen2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000}
.TextePetit{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFFFF}
.TextePetitJaune{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#E3C360}
.TextePetitJaune:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFFFF}
.TextePetitBleu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000;  text-decoration: none}
.TextePetitBleu:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#336699; text-decoration: underline overline}
.TextePetitLien{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#0000FF;}
.TextePetitLien:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#0000FF;}
.TextePetitNoir{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration: none}
.TextePetitNoir:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFFFF; text-decoration: none}
.TextePetitNoir2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-decoration: none}
.TextePetitNoirItalique{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; font-style: italic}
.TextePetitNoirG{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; font-weight: bold}
.TextePetitRouge{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#990000; font-weight: bold}
.TextePetitRouge2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FF0000}
.TextePetitRouge:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FF0000; font-weight: bold}
.TextePetitGris{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#666666}
.TextePetitVert { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:green}
.TexteRouge{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FF0000}
.TexteRouge:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FF0000}
.Titre{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#000000}
.Titre2{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#000000}
.TitreVerd{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#0000CC}