/*styles css avec slider.js & galerie.html*/

body {
	background-color:#E2E5C9;
}
/* entete page */
.entete {
	margin:auto;
	margin-top: 25px;
	margin-bottom: 50px;
	width: 350px;
	text-align: center;
	background-color: #7F7676;
	color: #ECF23B;
	border-radius: 6px;

}

.galerie {
	position: relative;
	background: #677071;
	height: 180px;
	overflow: hidden;
	width: 885px;		/* largeur galerie = 5 vues * (largeur vue + paddings) */
	margin: auto;
}

.slider {
	width: 4000px;
	position: relative;
	top:6px;
	margin-left: 20px;

}
.galerie a {
	display: block;
	float: left;
	padding: 0 5px;
}
a:link {
	text-decoration: none;
}

.galerie a img {
	border: solid 4px #44828C;
}

.galerie a:hover img,#galerie a.courant img {
/*.galerie a:hover img {*/
	border: solid 4px #8C4446;
}

.titre {
	text-align: center;
    background-color: #EEC452;
	font-family: 'trebuchet MS', Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color:#1A1919;
	border-radius: 6px;
}

.suiv {
	position:absolute;	/* suit la galerie qui elle est en pos relative */
	cursor: pointer;
	top:0;
	right: 0;
	height: 180px;
	width: 26px;
	background: url(../images/fleches1.jpg) right top;
}
.prec {
	position:absolute;	/* suit la galerie qui elle est en pos relative */
	cursor: pointer;
	top:0;
	left: 0;
	height: 180px;
	width: 26px;
	background: url(../images/fleches1.jpg) left top;
}
.suiv:hover {
	background-position: 52px top;
}
.prec:hover {
	background-position: -26px top;
}


.pied {
	text-align: center;
	margin-top: 40px;
	font-style: italic;
}