/***********************/
/******* salons *******/
/***********************/

.txt-salons{
width:550px;
height:390px;
position: absolute;
margin:0 0 0 415px;
padding:0 0 0 0;
text-align:justify;
}

.img-salons{
width:400px;
height:320px;
position: absolute;
margin:0 0 0 0;
padding:0 0 0 0;
}

.itemsalonimg{
float:left;
width:70px;
height:70px;
margin:0;
}

.itemsalontxt{
float:left;
width:300px;
height:70px;
margin-left:15px;
}

h3, .h3 {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:16px;
line-height:18px;
text-transform:uppercase;
font-weight:normal;
margin:0;
padding:0;
text-decoration:none;
}
h3, a.h3:link { text-decoration:none; color: #000000; }
h3, a.h3:visited { text-decoration:none; color: #000000; }
h3, a.h3:hover { text-decoration:none; color: #666666; }
h3, a.h3:active { text-decoration:none; color: #666666; }



/*********************************************/
/* SOUS RUBRIQUES SALONS (fiches salons) */
/*********************************************/


h4 {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:24px;
line-height:26px;
text-decoration:none;
font-weight:normal;
margin:0 0 3px 0;
padding:0 0 5px 0;
letter-spacing:-1px;
text-align:left;
text-transform:uppercase;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:20px;
line-height:20px;
text-decoration:none;
font-weight:normal;
margin:0 0 5px 0;
padding:0 0 12px 0;
letter-spacing:-1px;
text-align:left;
text-transform:uppercase;
}

p.coordonnees{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
text-transform:uppercase;
margin-left:3px;
line-height:11px;
font-size:10px;
}

.txt-sousrub-salons{
width:450px;
height:200px;
position: absolute;
margin:65px 0 0 440px;
padding:0 0 0 0;
text-align:justify;
}

.close{
width:16px;
height:16px;
float:right;
margin:40px 15px 0 0;
}

/************************************/
/******** images + thumbnails *******/
/***********************************/

#vignettes{
width:500px;
height:75px;
position: absolute;
margin:275px 0 0 443px;
padding:0 0 0 0;
text-align:left;
}

img{
border:0px;
}

#bloc-photo{
width:396px;
height:398px;
position: absolute;
margin:0 0 0 0;
padding:0 0 0 0;
background-repeat:no-repeat; 
background-position:top left;
}

.fond-ward{
background-image:url(../images/richard-ward-1.jpg);
}

.fond-zouari{
background-image:url(../images/alexandre-zouari-1.jpg);
}

/* needed for IE to make :active state work first time */
a, a:visited {color:#000000;} 

a.gallery, a.gallery:visited {
display:block;
float:left;
width:70px; 
height:70px; 
margin:0 0 0 0; 
}

a.slide1 {background:url(../images/vignette_richard-ward_1.jpg); background-repeat:no-repeat; width:70px; height:70px;}
a.slide2 {background:url(../images/vignette_richard-ward_2.jpg); background-repeat:no-repeat; width:70px; height:70px;}
a.slide3 {background:url(../images/vignette_richard-ward_3.jpg); background-repeat:no-repeat; width:70px; height:70px;}
a.slide4 {background:url(../images/vignette_richard-ward_4.jpg); background-repeat:no-repeat; width:70px; height:70px;}
a.slide5 {background:url(../images/vignette_richard-ward_5.jpg); background-repeat:no-repeat; width:70px; height:70px;}
a.slide6 {background:url(../images/vignette_richard-ward_6.jpg); background-repeat:no-repeat; width:70px; height:70px;}

a.slide7 {background:url(../images/vignette_alexandre-zouari_1.jpg); background-repeat:no-repeat; width:70px; height:70px;}
a.slide8 {background:url(../images/vignette_alexandre-zouari_2.jpg); background-repeat:no-repeat; width:70px; height:70px;}
a.slide9 {background:url(../images/vignette_alexandre-zouari_3.jpg); background-repeat:no-repeat; width:70px; height:70px;}
a.slide10 {background:url(../images/vignette_alexandre-zouari_4.jpg); background-repeat:no-repeat; width:70px; height:70px;}

a.gallery em, a.gallery span {display:none;}

#bloc-photo a.gallery:active em, #bloc-photo a.gallery:focus em {
width:396px;
height:398px;
position: absolute;
margin:0 0 0 -400px;
padding:0 0 0 0;
display:block;
}

#bloc-photo a.gallery:active em, #bloc-photo a.gallery:focus em {
display:block;
position:absolute;
top:-275px;
left:-443px;
padding:0 0 0 0;
margin:0 0 0 0;
}

#bloc-photo a.gallery:active, #bloc-photo a.gallery:focus {border:0px;}

.txt-pres-form{
	font-weight:bold;
	font-size:13px;
}

.salon_liste{
	width:128px;
}

#liste-salons{
	height:250px;
	overflow-y: auto;
	padding:0 10px 0 10px;
}

.salon{
	float:left;
	margin:0 50px 50px 0;
}

.title-liste{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:24px;
	line-height:26px;
	font-weight:normal;
	margin:0 0 0 10px;
	padding:35px 0 25px 0;
	text-decoration:none;
}

.title-lieu{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:30px;
	line-height:32px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:none;
}

.salon-adresse{
	font-size:10px;
	line-height:10px;
	padding:7px 0 0 0;
}

.carto{
float:left;
width:16;
height:70px;
margin-left:15px;
}

.carto2{
float:right;
width:16px;
height:16px;
margin:7px 27px 0 0;
}