/* picture page css */

body {
	background-image: url("../img/bg-haut.jpg");
}

h4{
	font-size: 17px;
	font-weight: bold;
}

.entete{
	height: 340px;
}

.content {
	margin-bottom:20px;
}

.bigTitle {
	text-align:center;
}

.pictureOfTheDayMask{
	position:absolute;
	top:320px;
	left:-35px;	
}

.pictureOfTheDay{
	float:left;
	margin-left:-10px;
}


.pictureOfTheDay img{
	width: 340px;
	height: 390px;
}

.yellowPage {
	float:left;
	margin-left:-10px;
	margin-top:50px;
	color: black;
	padding-left : 50px;
	padding-right : 40px;
	padding-top: 20px;
	padding-bottom:100px;
	background-image: url("../img/feuille-jaune.png");
	background-repeat:no-repeat;
	width:185px;
	height:300px;
}

.yellowPage strong{
	font-size:14px;
}

.yellowPage h4{
	font-size: larger;
}

.lastPictures{
	float:right;
	width:250px;
	padding-bottom: 15px;
	border-bottom: 1px dashed grey;
}


.lastPictures ul {
	margin: 0;
	padding: 0;
}

.lastPictures li {
	float:left;
	width: 120px;
	text-align: center;
}

.setOfPictures{
	float:left;
	width: 270px;
	margin-right:15px;
	
}

.setOfPictures ul{
	border-right: 1px dashed grey;
	margin-left:0px;
	padding-left:0px;
}

.setPictures{
	width:230px;
	height:60px;
	padding: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.setPictures.selected, .setPictures:hover {
	background: white;
}

.setPictures .thumb{
	float: left;
	width: 90px;
	padding-right:5px;
	border-right: 1px dotted grey;
}

.setPictures .texte{
	float: left;
	padding: 0 10px;
	width:110px;
}

.setPictures .texte h5, .setPictures.selected .texte h5 {
	font-weight: bold;
	margin: 0;
	text-align: left;
	font-size: 12px;
}

.setPictures.selected .texte h5, .setPictures:hover .texte h5 {
	color: black;
}

.setPictures .texte p{
	color: red;
	margin: 0;
	text-align: left;
}

.listOfPictures{
	float:left;
	width: 610px;
	padding-left:0px;
}

.listOfPictures ul {
	margin: 0px;
	padding: 0px;
}

.listOfPictures li {
	float:left;
	width: 120px;
	text-align: center;
}

.selectPictures{
	float: left;
	width: 100px;
	min-height: 75px;
	border: 5px solid black;
	margin-right: 12px;
	margin-bottom: 10px;
}

.selectPictures:hover, .selectPictures.selected {
	border: 5px solid red;
}

.selectPictures .texte{
	
}

.selectPictures .thumb{
	text-align: center;
}

.selectPictures .texte h5{
	margin: 0;
	text-align: left;
}

.selectPictures .texte p{
	color: red;
	margin: 0;
	text-align: left;
}

.fancyzoom{
	cursor: pointer;
}