img,a
    {border:0}

a
	{
	text-decoration:none;
	color:#444444;
	}

a:hover,a#active,a:visited
	{
	color:black;
	}
		
body
	{
	font-family:HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	}
	
#container
	{
	width:1200px;
	margin:0 auto;
	}

#haut
	{
	margin-top:10px;
	height:50px;
	margin-bottom:10px;
	border-bottom:1px solid #dddddd;
	}
	
#menus
	{
	display:none;
	}
	
.duree, .chapeau
	{
	display:none;
	}
	
.criteres
	{
	width:250px;
	float:left;
	min-height:800px;
	}
	
.criteres .titre, .photos .titre, .infos .titre
	{
	margin-top:20px;
	font-size:14px;
	border-bottom:1px solid #cccccc;
	padding-bottom:4px;
	margin-bottom:4px;
	padding-left:20px;
	}
	
.criteres .titre	{background:url(carre_gris.png) 0 3px no-repeat;}
.photos .titre	{background:url(carre_rouge.png) 0 3px no-repeat;}

.criteres ul, .criteres li
	{
	padding:0;
	margin:0;
	}

.criteres ul
	{
	margin-left:10px;
	}
	
.criteres li, .actions a
	{
	margin-left:10px;
	list-style: none;
	padding-left:20px;
	background: url(fleche.png) 10px 4px no-repeat;
	line-height:20px;
	}
	
.criteres ul li
	{
	font-weight:bold;
	}
		
.criteres a
	{
	padding:3px;
	}
		
.criteres ul li:hover, .criteres ul li.crit_active, .actions a
	{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}

.criteres ul li:hover, .actions a:hover	{background-color:#eeeeee}
.criteres ul li.crit_active				{background-color:#dddddd}

.criteres .options li					{background:none;padding-left:0}

.criteres .options li a					{padding-left:20px;background:url(option.png) 1px 2px no-repeat}
.criteres .options li.opt_active a		{background:url(optionok.png) 1px 2px no-repeat}

.photos
	{
	margin-left:10px;
	width:930px;
	float:left;
	display:table-cell;
	}
	
.photos div.photo
	{
	width:110px;
	float:left;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	margin:4px;
	}

.photos div.photo-fiche
	{
	float:left;
	}
		
.photos div.infos
	{
	width:500px;
	float:left;
	margin-left:10px;
	text-align:left;
	}
	
.nb	{float:right;margin-top:-25px;}

.navigation
	{
	}
	
input.bouton
	{
	border:0;
	width:9px;
	height:11px;
	text-indent:-5000px;
	cursor:pointer;
	}

input.recherche	{width:200px;margin-bottom:20px;}
input.chercher	{background:url(chercher.png) no-repeat;width:25px;height:25px;margin-left:5px;}
input.suivant	{background:url(suivant.png) no-repeat}
input.precedent	{background:url(precedent.png) no-repeat}

.filtre, .personnes
	{
	width:930px;
	overflow:auto;
	}
	
a.mot
	{
	padding-left:10px;
	padding-right:10px;
	float:left;
	}
	
a.mot:hover, a.mot.mot_active
	{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}

a.mot:hover		{background-color:#eeeeee}
a.mot.mot_active	{background-color:#dddddd;font-weight:bold}

.liste, .photo-fiche, .fiche
	{
	clear:both;
	float:left;
	}
	
 .actions a
 	{
    float:left;
    margin-bottom:5px;
 	display:block;
 	width:120px;
 	height:20px;
 	line-height:20px;
 	}
 	

#identification
	{
	margin-top:200px;
	margin-left:300px;
	background:url(identification.png) no-repeat;
	display:block;
	padding-left:100px;
	}
	
#identification input.valider, #identification a
	{
	display:inline-block;
	text-align:center;
	margin:0;padding:0;
	font-weight:bold;
	line-height:20px;
	height:20px;
	width:100px;
	background-color:#cccccc;
	text-indent:0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-left:20px;
	vertical-align: middle;
	}
	
#identification a
	{
	margin-top:10px;
	width:200px;
	}
	

.personnes
	{
	float:left;
	margin-bottom:20px;
	width:100%;
	}
	
.filtre .liste-mots
	{
	-moz-column-count: 5;
	-webkit-columns: 5;
	height:auto;
	}
		
.personnes .liste-personnes
	{
	-moz-column-count: 6;
	-moz-column-gap: 5px;
	-webkit-columns: 6;
	-webkit-column-gap: 5px;
	height:auto;
	}
	
.personnes .liste-personnes a, .filtre .liste-mots a
	{
	float:none;
	margin:0 auto;
	}
	
.infos
	{	
	}
	
.liste-infos
	{
	width:930px;
	-moz-column-count: 3;
	-webkit-columns: 3;
	}
	
.infos span
	{
	font-weight:bold;
	}
    
.photos .nav
{
float:right;
width:320px;
}

.photos .nav .centre, .photos .nav a
{
display:block;
float:left;
}

.photos .nav .centre
{
font-weight:bold;
}

.photos .nav .centre
{
font-weight:bold;
margin:5px;
}

.photos .nav a.suivante
{
margin-right:20px;

}

.photos .nav a
{
-webkit-border-radius:6px;
-moz-border-radius:6px;
background-color:#dddddd;
padding:5px;
padding-left:10px;
padding-right:10px;
}
	
#alterne
	{
	background-color:white;
	position:absolute;
	padding:4px;
	box-shadow: 3px 3px 10px #888;
	display:none;
	}