/*
------------------------------------------
             BALISES HTML
------------------------------------------
*/

/* body {
	font-family: Verdana, "Bistrtream Vera Sans", Sans-Serif;
	font-size: 9pt;
	background-color: white;
} */

p {
	line-height: 1.7em;
	font-size: 9pt;
	text-align:justify;
	font-family: Verdana, "Bistrtream Vera Sans", Sans-Serif;
	margin-bottom: 2em;
}

p:hover {color:grey; }

#blanc:hover {color:orange; }

#blanc {
	color:white;
	font-size:10pt;
}

h1 {
	font-family: Verdana, "Bistrtream Vera Sans", Sans-Serif;
	text-align:center;
	color:orange;
}

h1:hover {color:black; }

h2:hover, h3:hover {color:orange; }

h2 {
	font-family: Verdana, "Bistrtream Vera Sans", Sans-Serif;
	font-size:14pt;
	text-align:center;
	margin-left:10px;
	border-bottom-width:2px;
	border-bottom-color:orange;
	border-bottom-style:solid;
}

h3 {
	font-family: Verdana, "Bistrtream Vera Sans", Sans-Serif;
	font-size:11pt;
	line-height: 1em;
	list-style-image: url('../images/icons/bullet.png');
	text-align:left;
}

h4 {
	font-family: Verdana, "Bistrtream Vera Sans", Sans-Serif;
	font-size:13pt;
	line-height: 1em;
	text-decoration:underline;
	list-style-image: url('../images/icons/bullet.png');
	text-align:left;
}

img {
	padding: 0px;
	border: none;
	margin: 0px;
}

blockquote {
	line-height: 1.2em;
	text-align:justify;
	font-size: 8pt;
	display: block;
	font-style: italic;
	margin: 2px;
}

blockquote:before {
	content: '"';
}

blockquote:after {
	content: '"';
}

blockquote:hover {color:orange; }

ul {
	margin: 2em;
}

li {
	text-align:left;
}

ul li {
	list-style-image: url('../images/icons/bullet.png');
	margin-bottom: 4px;
}

ul li.crossed {
	text-decoration: line-through;
}

table p {
	margin-left:4px;
	margin-right:6px;
}

#bordure-l-t-r {
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:solid; 
	border-width:1px; 
	border-color:black;
}

#bordure-l {
	border-left-style:solid;
	border-width:1px; 
	border-color:black;
}

#bordure-r {
	border-right-style:solid;
	border-width:1px; 
	border-color:black;
}

#bordure-l-b {
	border-left-style:solid;
	border-bottom-style:solid; 
	border-width:1px; 
	border-color:black;
}

#bordure-r-b {
	border-right-style:solid;
	border-bottom-style:solid; 
	border-width:1px; 
	border-color:black;
}

a#sommaire:before {
	content: url('../images/icons/bullet.png')'  ';
}

a#sommaire {
	color:#000000;
	text-decoration:underline;
	font-size:9pt;
}

a#sommaire:hover {
	color:orange;
	text-decoration:overline;
}

a.bouton:link {
	width:150px; 
	height:30px; 
	text-decoration:none; 
	color:white;
	font-size:16px;
	text-align:center; 
	font-weight:bold; 
	background-color:orange;
	padding:20px;
	border-style:outset;
	border-width:2px;
	border-color:silver;
	background-image:url(lien_artistes.jpg);
}

a.bouton:visited {
	width:150px; 
	height:30px;
	text-decoration:none; 
	color:white;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	background-color:orange;
	padding:20px;
	border-style:outset;
	border-width:2px;
	border-color:silver;
	background-image:url(lien_artistes.jpg);
}

a.bouton:hover {
	width:150px; 
	height:30px; 
	text-decoration:none;
	color:black;
	font-size:16px;
	text-align:center; 
	font-weight:bold; 
	background-color:yellow;
	padding:20px;
	border-style:inset;
	border-width:2px;
	border-color:silver;
	background-image:url(lien_artistes_over.jpg);
}

.banniere {
	DISPLAY: block;
	FONT-SIZE: 9px;
	COLOR:blue;
	FONT-FAMILY: verdana;
	background-color:#d4d4d4;
	text-align="left";
}

form {
	background-color:#F5F5F5;
	padding:10px;
	width:450px;
}

label {
	font-family:"trebuchet ms",sans-serif;
	font-weight:bold
}

input {
	border:1px solid black;
	font-family:"trebuchet ms",sans-serif;
	color:black;
}

.entree_formulaire {
	width:420px;
}

textarea {
	border:1px solid black;
	font-family:"trebuchet ms",sans-serif;
	color:black;
}

/*
------------------------------------------
                 CLASSES
------------------------------------------
*/

.centrer {
	text-align:center;
}

#encadrer {
	font-size: 9pt;
	text-align:center;
	font-family: Verdana, "Bistrtream Vera Sans", Sans-Serif;
	text-align:center;
	color:#ffffff;
}

#encadrer:hover {color:orange; }

.rubrique {
	color:orange;
	font-size:14px;
	font-weight:bold;
}

/*
------------------------------------------
             CONTENEURS
------------------------------------------
*/

div#maincontainer {
	margin: 0px;
	width: 640px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}

div#splash {
	width: 640px;
	height: 128px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

div#footer {
	background-color: #1e2426;
	color: #bbb;
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 11px;
	border-top: 1px solid black;
	min-height: 26em;
	height:150px;
}

div#footer a {
	color:orange;
	text-decoration: none;
	
}

div#footer a:hover {
	color:white;
}

div#footercontainer {
	background-color: #2e3436;
	width: 640px;
	padding: 1em 1em 1em 4em;
	margin: 0px auto;
	min-height: 10em;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

div#footercontainer span {
	font-size: 11px;
}

div#footercontainer p {
	padding: 1em 1em 1em 4em;
	margin-left: auto;
	margin-right: auto;
}

div#body {
	padding: 5px;
	margin-left: 160px;
	margin-right: 20px;
	min-height: 500px;
	width: 450px;
}

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

div#rollupmenu {
	width: 640px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
	background: transparent url('http://emilhenco.com/images/danse3.gif') bottom left no-repeat;
}

div#topstripe {
	display: block;
	margin: 0px;
	width: 100%;
	height: 120px;
	background-color: black;
}


div#topstripe a {
	color: white;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}

div#topstripe a:hover {
	color: #000000;
	
}

/* div#topstripe a:visited {
	color: #666;
}
*/

/*
------------------------------------------
             MENU GAUCHE
------------------------------------------
*/

div#quickmenu p {
	margin: 0px;
}

div#quickmenu p a {
	color: #555;
	font-family: Verdana, "Bistrtream Vera Sans", Sans-Serif;
	font-size: x-small;
	text-decoration: none;
	letter-spacing: 2px;
	display: block;
	width: 140px;
	background-color: #eee;
	border-top: 1px solid #ddd;
	margin: 0px;
	padding: 0px 10px;
}

div#quickmenu p {
	text-align:center;
}

div#quickmenu p a:hover {
	border-left: 4px solid orange;
	border-right: 4px solid orange;
	padding-left: 6px;
	padding-right: 6px;
	color: orange;
}

div#leftcolumn {
	width: 160px;
	float: left;
}

div#leftcolumn div.quote {
	letter-spacing: 1px;
	font-family: Verdana, "Bistrtream Vera Sans", Sans-Serif;
	margin-top: 100px;
	color: #555;
	line-height: 3em;
	background-color: #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
}

div#infos {
	width: 140px;
	float: left;
	background-color:#eee;
	margin-top:100px;
	color: #555;
	letter-spacing: 1px;
	font-family: Verdana, "Bistrtream Vera Sans", Sans-Serif;
	padding: 10px;
	border-top: 8px solid #ddd;
	border-bottom: 8px solid #ddd;
	min-height:1000px;
}

div#infos p:hover {
	color: orange;
	font-weight:bold;
}

/*
------------------------------------------
             ANIM MENU
------------------------------------------
*/

div#decalage {
	margin-left:50px;
}

ul#menuliste, li#menu {
	margin:0;
	padding:0;
	list-style-type: none;	/* suppression des puces de liste */
	list-style-image: none;
}

ul#menuliste {
	position: absolute;	/* positionnement pour IE5 et IE5.5 */
	top: 0;
	left: auto;
	right: auto;
	background: transparent url(http://studio.equinox.free.fr/fondmenu2.jpg) top left no-repeat;	/* arrière-plan général du menu */
	width: 540px;
	text-align: center;
}

li#menu {
	float: left;
}

li#menu a {	/* dimensions et définitions des boutons */
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	height: 120px;
	width: 90px;
	color: #fff;
	font-size: 14px;
	line-height: 50px;	/* hauteur de ligne pour éviter les paddings */
	font-weight: bold;
	font-family: arial, serif;
	text-decoration: none;
	line-height: 1.6em;
}

li#menu a:hover {
	background: transparent url(http://studio.equinox.free.fr/fondmenu2.jpg) top left no-repeat;
}

li#menu a#lien1:hover {
	background-position: -540px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}

li#menu a#lien2:hover {
	background-position: -630px 0%;
}

li#menu a#lien3:hover {
	background-position: -720px 0%;
}

li#menu a#lien4:hover {
	background-position: -810px 0%;
}

li#menu a#lien5:hover {
	background-position: -900px 0%;
}

li#menu a#lien6:hover {
	background-position: -990px 0%;
}

/*
------------------------------------------
      ZOOM IMAGES DROITE & GAUCHE
------------------------------------------
*/

#zoomd, #zoomg {
	position:relative;
	top:0px;
	left:0px;
	width:75px;
	height:75px;
	background-color:#fff;
	z-index:100;
}

#zoomd a.p1, #zoomd a.p1:visited, #zoomg a.p1, #zoomg a.p1:visited {
	display:block;
	width:75px;
	height:75px;
	text-decoration:none;
	background:#fff;
	top:0;
	left:0;
	border:0;
}

#zoomd a img, #zoomg a img {
	border:0;
}

#zoomd a.p1:hover, #zoomg a.p1:hover {
	text-decoration:none;
	background-color:#8c97a3;
	color:#000;
}

#zoomd a .large, #zoomg a .large {
	display:block;
	position:absolute;
	width:0;
	height:0;
	border:0;
	top:0;
	left:0;
}

#zoomd a.p1:hover .large {
	display:block;
	position:absolute;
	top:-200px;
	left:-320px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

#zoomg a.p1:hover .large {
	display:block;
	position:absolute;
	top:-200px;
	left:30px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

/*
------------------------------------------
       ZOOM IMAGES LARGES 100*132
------------------------------------------
*/

#zooml1 {
	position:relative;
	top:0px;
	left:0px;
	width:100px;
	height:132px;
	background-color:#fff;
	z-index:100;
}

#zooml1 a.p1, #zooml1 a.p1:visited {
	display:block;
	width:100px;
	height:132px;
	text-decoration:none;
	background:#fff;
	top:0;
	left:0;
	border:0;
}

#zooml1 a img {
	border:0;
}

#zooml1 a.p1:hover {
	text-decoration:none;
	background-color:#8c97a3;
	color:#000;
}

#zooml1 a .large {
	display:block;
	position:absolute;
	width:0;
	height:0;
	border:0;
	top:0;
	left:0;
}

#zooml1 a.p1:hover .large {
	display:block;
	position:absolute;
	top:-350px;
	left:10px;
	width:380px;
	height:500px;
	border:10px solid #ccc;
}

/*
------------------------------------------
       ZOOM IMAGES LARGES 100*160
------------------------------------------
*/

#zooml2g, #zooml2m, #zooml2d {
	position:relative;
	top:0px;
	left:0px;
	width:100px;
	height:160px;
	background-color:#fff;
	z-index:100;
}

#zooml2g a.p1, #zooml2m a.p1, #zooml2d a.p1, #zooml2g a.p1:visited, #zooml2m a.p1:visited, #zooml2d a.p1:visited {
	display:block;
	width:100px;
	height:132px;
	text-decoration:none;
	background:#fff;
	top:0;
	left:0;
	border:0;
}

#zooml2g a img, #zooml2m a img, #zooml2d a img {
	border:0;
}

#zooml2g a.p1:hover, #zooml2m a.p1:hover, #zooml2d a.p1:hover {
	text-decoration:none;
	background-color:#8c97a3;
	color:#000;
}

#zooml2g a .large, #zooml2m a .large, #zooml2d a .large {
	display:block;
	position:absolute;
	width:0;
	height:0;
	border:0;
	top:0;
	left:0;
}

#zooml2g a.p1:hover .large {
	display:block;
	position:absolute;
	top:-525px;
	left:30px;
	width:320px;
	height:500px;
	border:10px solid #ccc;
}

#zooml2m a.p1:hover .large {
	display:block;
	position:absolute;
	top:-525px;
	left:-119px;
	width:320px;
	height:500px;
	border:10px solid #ccc;
}

#zooml2d a.p1:hover .large {
	display:block;
	position:absolute;
	top:-525px;
	left:-270px;
	width:320px;
	height:500px;
	border:10px solid #ccc;
}

/*
------------------------------------------
       ZOOM IMAGES SMALL 75*75
------------------------------------------
*/

#zooms1, #zooms2, #zooms3, #zooms4, #zooms5, #zooms1b, #zooms2b, #zooms3b, #zooms4b, #zooms5b {
	position:relative;
	top:0px;
	left:0px;
	width:75px;
	height:75px;
	background-color:#fff;
	z-index:100;
}

#zooms1 a.p1, #zooms2 a.p1, #zooms3 a.p1, #zooms4 a.p1, #zooms5 a.p1, #zooms1 a.p1:visited, #zooms2 a.p1:visited, #zooms3 a.p1:visited, #zooms4 a.p1:visited, #zooms5 a.p1:visited, #zooms1b a.p1, #zooms2b a.p1, #zooms3b a.p1, #zooms4b a.p1, #zooms5b a.p1, #zooms1b a.p1:visited, #zooms2b a.p1:visited, #zooms3b a.p1:visited, #zooms4b a.p1:visited, #zooms5b a.p1:visited {
	display:block;
	width:75px;
	height:75px;
	text-decoration:none;
	background:#fff;
	top:0;
	left:0;
	border:0;
}

#zooms1 a img, #zooms2 a img, #zooms3 a img, #zooms4 a img, #zooms5 a img, #zooms1b a img, #zooms2b a img, #zooms3b a img, #zooms4b a img, #zooms5b a img {
	border:0;
}

#zooms1 a.p1:hover, #zooms2 a.p1:hover, #zooms3 a.p1:hover, #zooms4 a.p1:hover, #zooms5 a.p1:hover, #zooms1b a.p1:hover, #zooms2b a.p1:hover, #zooms3b a.p1:hover, #zooms4b a.p1:hover, #zooms5b a.p1:hover {
	text-decoration:none;
	background-color:#8c97a3;
	color:#000;
}

#zooms1 a .large, #zooms2 a .large, #zooms3 a .large, #zooms4 a .large, #zooms5 a .large, #zooms1b a .large, #zooms2b a .large, #zooms3b a .large, #zooms4b a .large, #zooms5b a .large {
	display:block;
	position:absolute;
	width:0;
	height:0;
	border:0;
	top:0;
	left:0;
}

#zooms1 a.p1:hover .large {
	display:block;
	position:absolute;
	top:-325px;
	left:60px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

#zooms2 a.p1:hover .large {
	display:block;
	position:absolute;
	top:-325px;
	left:-30px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

#zooms3 a.p1:hover .large {
	display:block;
	position:absolute;
	top:-325px;
	left:-120px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

#zooms4 a.p1:hover .large {
	display:block;
	position:absolute;
	top:-325px;
	left:-210px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

#zooms5 a.p1:hover .large {
	display:block;
	position:absolute;
	top:-325px;
	left:-300px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

#zooms1b a.p1:hover .large {
	display:block;
	position:absolute;
	top:-25px;
	left:60px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

#zooms2b a.p1:hover .large {
	display:block;
	position:absolute;
	top:-25px;
	left:-30px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

#zooms3b a.p1:hover .large {
	display:block;
	position:absolute;
	top:-25px;
	left:-120px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

#zooms4b a.p1:hover .large {
	display:block;
	position:absolute;
	top:-25px;
	left:-210px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

#zooms5b a.p1:hover .large {
	display:block;
	position:absolute;
	top:-25px;
	left:-300px;
	width:300px;
	height:300px;
	border:10px solid #ccc;
}

/*
------------------------------------------
	       ZOOM METRO
------------------------------------------
*/

#zoommetro {
	position:relative;
	top:0px;
	left:0px;

}

#zoommetro a.p1, #zoommetro a.p1:visited {
	text-decoration:none;
	top:0;
	left:0;
	border:0;
}

#zoommetro a img {
	border:0;
}

#zoommetro a.p1:hover {
	text-decoration:none;
	background-color:#8c97a3;
	color:#000;
}

#zoommetro a .large {
	display:block;
	position:absolute;
	width:0;
	height:0;
	border:0;
	top:0;
	left:0;
}

#zoommetro a.p1:hover .large {
	display:block;
	position:absolute;
	top:-50px;
	left:-3px;
	width:110px;
	height:40px;
	border:3px solid #ccc;
}

/*
------------------------------------------
         IMAGES ENCADREES
------------------------------------------
*/

img.encadre {
	float:right;
}