﻿/* CSS Document */ 

div.galerie-item {
	margin:10px 10px 20px 10px;
	padding:0 0 15px 0;
	border-bottom:solid 1px #CCCCCC;
}

div.galerie-item img.thumb-galerie {
	float:left;
	margin:0 10px 10px 0;

}

div.galerie-item h3.titre-galerie {
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}

div.galerie-item p.texte-galerie {
	font-size:14px;
	margin:0;
	padding:10px 0 0 0;
}



div.galerie-ajax {
	margin:10px 0 0 0;
	padding:0 0 0 0;
}

/*** Scrollable CSS ***/

.reference-item
{
    height:97px;
    width:150px;
    margin:5px 0;
}

.scrollable .reference-item a
{
    color:#FFF !important;
}

.reference-item-image img
{
    max-height:90px;
    border:1px solid #FFF;
}

.reference-item-titre
{
	font-size:9px;
	font-weight:bold;
	width:100px;
	color:#FFFFFF !important;
}


div.scrollable {
	position:relative;
	overflow:hidden;
	float:left;
    width:690px;
    height:97px;
}

div.scrollable div.items {
	width:20000em;
	position:absolute;
	clear:both;
	background-image:url(../images/design/diapo-bg.png);
}

div.scrollable div.items *
/* * = tous les élements enfant de items */ { 
    float:left; 
    cursor:pointer;
}

div.scrollable div.items img {
    margin:3px 3px 3px 3px;
	border:1px solid #ccc !important;
	max-width:120px;
    max-height:90px;
} 

div.items div.active { 
}
/*** Global : Fin ***/

/*** Boutons ***/
a.browse {
	width:18px;
	height:45px;
	margin:0 0 10px 0;
	cursor:pointer;
	display:block;
	float:left;
}

a.right { 
    margin-right: 0px;
    clear:right;
}
a.left { 
    margin-left: 0px; 
    margin-right:0; 
} 

div#credit-photo {
	margin:20px 0 0 0;
	text-align:center;
	font-size:11px;
}
/*** Fin Scrollable CSS ***/
