@charset "UTF-8";
/* CSS Document */

/***********************************************************
 * style pour la div galerie
***********************************************************/
.affichertout
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right;
	position:relative;
	overflow:hidden;
	height:22px;
	margin:0 5px 0 0; /* top right bottom left */
	padding:10px 20px 0 0; /* top right bottom left */
	border: #000 solid 0px; /* noir */
	background-image: url(../../images/fond_affichertout.png);
	background-repeat:no-repeat;
	width:650px;
}
.affichertout a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}
.affichertout a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
}
.toutGalerie
{
	overflow:hidden;
	border-top: #FFF solid 1px; /* beige */
	border-left: #FFF solid 1px; /* beige */
	width:672px;
	/* border: #000 solid 1px; /* noir */
	/* border: #000 solid 1px; /* noir */
}
.galerie
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 312px;
	height: 300px;
	float:left;
	margin:5px; /* top right bottom left */
	padding:5px; /* top right bottom left */
	/*border-bottom: #FFF solid 1px; /* blanc */
	/*border-right: #FFF solid 1px; /* blanc */
	border: #999 solid 1px; /* noir */
}
#normal
{
	background-image:url(../../images/fond_galerie.jpg);
}
#new_offre
{
	background-image:url(../../images/fond_galerie.jpg);
}
#coeur_offre
{
	background-image:url(../../images/fond_galerie.jpg);
}
#coeur_new_offre
{
	background-image:url(../../images/fond_galerie.jpg);
}
#new
{
	background-image:url(../../images/fond_galerie.jpg);
}
#coeur
{
	background-image:url(../../images/fond_galerie.jpg);
}
#offre
{
	background-image:url(../../images/fond_galerie.jpg);
}
#coeur_new
{
	background-image:url(../../images/fond_galerie.jpg);
}
#vide
{
	background-image:url(../../images/fond_galerie.jpg);
}
.galerie a img
{
	width:310px;
	height:248px;
	border: #CCC solid 1px;
}
.galerie a:hover img
{
	width:310px;
	height:248px;
	border: #600 solid 1px;
}
.galerieDesignation a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	letter-spacing:1px;
	vertical-align:middle;
	width:300px;
	margin:251px 1px 1px 1px; /* top right bottom left */
	padding:5px; /* top right bottom left */
	text-align:center;
	overflow:hidden;
	display:block;
	z-index:2;
	position:absolute;
	border: #0FF solid 0px; /* cyan */
}
.galerieDesignation a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #C00;
	letter-spacing:1px;
	vertical-align:middle;
	width:300px;
	margin:251px 1px 1px 1px; /* top right bottom left */
	padding:5px; /* top right bottom left */
	text-align:center;
	overflow:hidden;
	display:block;
	z-index:2;
	position:absolute;
	background-image:url(../../images/fond_blanc_opacity50.png);
	border: #0FF solid 0px; /* cyan */
}
.galerieLieu
{
	font-size:9px;
}
.galerieForm
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#F63;
	height: 20px;
	margin:2px;
	text-align:center;
	margin-top:5px;
	border: #0FF solid 0px; /* cyan */
}
.galeriePieds
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:2px;
	width:100%;
	border: #0FF solid 0px; /* cyan */
}
.galerieImagetteLoupe
{
	padding-right:169px;
	height:169px;
	border: #0FF solid 0px; /* cyan */
}
.galerieImagette
{
	width:312px;
	height:250px;
	z-index:1;
	position:absolute;
	border: #0FF solid 0px; /* cyan */
}
.galerieLoupe a
{
	background-image:url(../../images/picto_loupe_off.png);
	background-repeat: no-repeat;
	width:18px;
	height:18px;
	overflow:hidden;
	display:block;
	z-index:5;
	position:absolute;
	margin:4px 0px 0px 290px; /* top right bottom left */
	border: #0FF solid 0px; /* cyan */
}
.galerieLoupe a:hover
{
	background-image:url(../../images/picto_loupe_on.png);
	background-repeat: no-repeat;
	width:18px;
	height:18px;
	overflow:hidden;
	display:block;
	z-index:5;
	position:absolute;
	margin:4px 0px 0px 290px; /* top right bottom left */
	border: #0FF solid 0px; /* cyan */
}
.galerieLoupe a img
{
	border: #0FF solid 0px; /* cyan */
}
.galerieLoupe a:hover img
{
	border: #0FF solid 0px; /* cyan */
}
.galerieNew
{
	background-image: url(../../images/fond_coin_new.png);
	background-repeat: no-repeat;
	width:100px;
	height:200px;
	overflow:hidden;
	display:block;
	z-index:5;
	position:absolute;
	margin:49px 0 0 220px; /* top right bottom left */
	border: #0FF solid 0px; /* cyan */
}
.galerieCoeur
{
	background-image: url(../../images/fond_coin_coeur.png);
	background-repeat: no-repeat;
	width:100px;
	height:200px;
	overflow:hidden;
	display:block;
	z-index:5;
	position:absolute;
	margin:49px 0 0 220px; /* top right bottom left */
	border: #0FF solid 0px; /* cyan */
}
.galerieNewCoeur
{
	background-image: url(../../images/fond_coin_coeur_new.png);
	background-repeat: no-repeat;
	width:100px;
	height:200px;
	overflow:hidden;
	display:block;
	z-index:5;
	position:absolute;
	margin:49px 0 0 220px; /* top right bottom left */
	border: #0FF solid 0px; /* cyan */
}
.galerieExclusif
{
	background-image: url(../../images/fond_coin_exclusif.png);
	background-repeat: no-repeat;
	width:100px;
	height:100px;
	overflow:hidden;
	display:block;
	z-index:5;
	position:absolute;
	margin:149px 0 0 1px; /* top right bottom left */
	border: #0FF solid 0px; /* cyan */
}
.toutagences
{
	/*border-top: #FFF solid 1px; /* beige */
	/*border-left: #FFF solid 1px; /* beige */
	overflow:hidden;
	width:662px;
	height:100%;
	text-align:center;
	padding:10px 0 0 60px; /* top right bottom left */
	border: #F00 solid 0px; /* noir */
	/* border: #000 solid 1px; /* noir */
}
.agences
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 260px;
	float:left;
	text-align:center;
	/*border-bottom: #FFF solid 1px; /* beige */
	/*border-right: #FFF solid 1px; /* beige */
	border: #000 solid 0px; /* noir */
	margin:10px; /* top right bottom left */
}
.agences table
{
	width:226px;
}
.agences table th
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	background-color:#CCC;
	width:226px;
	padding:3px; /* top right bottom left */
	border: #0FF solid 0px; /* cyan */
}
.agences table td
{
	border: #CCC solid 1px; /* cyan */
	padding:3px; /* top right bottom left */
}
.agences table td span
{
	font-size:9px;
	color:#666;
}

