@import "../../global/css/global.css";

body {
	background: #e5c2e2;
	color: #fe0c67;
}

img.fond {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}

#master {
	background: url("../media/stripes.png");
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: table;
}

#overlay {
	background: url("../media/overlay.png") 0 30px repeat-x;
}

#wrapper {
	background: url("../media/wm.png") 115px 50px no-repeat;
	position: relative;
	width: 980px;
	margin: 0 auto;
}

.position {
	background: url("../media/sidebar.png") 10px -20px no-repeat;
	overflow: hidden;
}

#random {
	background: #342731 url("../media/top.gif");
	height: 30px;
}
#random .wrap {
	position: relative;
	width: 980px;
	height: 30px;
	margin: 0 auto;
}
#random .wrap h1 {
	font-size: 10px;
	color: #fff;
	position: absolute;
	top: 8px;
	left: 230px;
	font-weight: normal;
	z-index: 200;
}

#entete {
	position: absolute;
	height: 470px;
	top: -30px;
	left: 0;
}

#menu {
	background: #00008b;
	overflow: hidden;
	text-align: center;
	padding: 10px;
}
#menu li {
	list-style-type: none;
	display: inline;
	margin: 0 5px;
}
#menu li a { color: #fff; outline: none; padding: 10px 15px; }
#menu li a:hover { background: #000055; color: #ff0; }
#menu li.active a { background: #000055; color: #0f0; }

#content { position: relative; width: 690px; left: 280px; padding-top: 130px; }
#title { background: url("../media/content-top.png"); height: 140px; overflow: hidden; }
.container { background: url("../media/content.png"); padding: 5px 65px 20px; min-height: 500px; }

#affiche {
	background: url("../media/cadre-affiche.png") no-repeat;
	position: absolute;
	width: 250px;
	height: 330px;
	top: 450px;
	left: 20px;
	overflow: hidden;
}

#loginzone {
	text-align: center;
	margin: 20px 0 25px 0;
	color: #000;
	overflow: hidden;
}
#loginzone label { color: #000; vertical-align: middle; }
#loginzone input { background: #000000; border: 1px solid #3b353c; padding: 5px; margin: 0 5px 0 5px; font-size: 11px; color: #aca3ae; }
#loginzone a.login { vertical-align: middle; }
#loginzone em { font-weight: bold; font-style: normal; color: #c82380; }
#loginzone span { margin: 3px 0; display: block; }

#pied {
	background: url("../media/pied-droite.png") 950px 0 no-repeat;
	margin: 0 0 10px 0;
}
#pied .etab {
	width: 300px;
	height: 210px;
	float: left;
	margin: -8px 0 0 0;
	overflow: hidden;
}
#pied .wrap {
	background: #1a0e22 url("../media/pied.gif");
	width: 630px;
	height: 151px;
	margin: 0 30px 0 0;
	float: left;
	text-align: center;
	padding: 10px;
	color: #643b80;
	font-size: 10px;
	overflow: hidden;
}
#pied .wrap a { color: #aca3ae; }
#pied .wrap a:hover { color: #fddeae; }
#pied .wrap span { color: #fff; font-weight: bold; }
#pied .links { line-height: 180%; }
#pied .legal { margin: 20px 0 0 0; }
#pied .legal .sig { float: right; color: #643b80; }
#pied .legal .copyright { float: left; color: #643b80; }

a { color: #c82380; }	
a:hover { color: #a30046; text-decoration: underline; }
p { margin-bottom: 10px; }

#content { font-size: 11px; line-height: 170%; color: #333; }

h1.heading { margin: 45px 75px 0 0; text-align: right; }
h2.heading { color: #441c5d; font-weight: bold; font-size: 13px; margin: 0 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
h2.heading em { color: #999; }
h2.heading a { font-weight: bold; color: #99619a; }
h2.heading a:hover { color: #663d67; }
p.legend { font-size: 11px; font-style: italic; text-align: center; }
strong, strong * { font-weight: bold; color: #714586; }
em, em * { font-style: italic; }

ul.slideshow { overflow: hidden; position: relative; }
ul.slideshow li { position: absolute; top: 0; }

ul.galerie { text-align: center; }
ul.galerie li { list-style-type: none; display: inline; margin: 0 10px; }
ul.galerie li img { border: 1px solid #f00; }
ul.galerie li a:hover img { border-color: #0f0; }

ul.liste { margin: 0 0 10px 0; }
ul.liste li { margin: 0 0 0 20px; color: #441c5d; }
ul.liste li p { margin: 0; color: #333; }

.img_left { float: left; margin: 5px 25px 0 0; }
.img_right { float: right; margin: 5px 0 0 25px; }
.img_left img, .img_right img { border: 1px solid #0f0; }

a.sharelink.facebook { background-image: url("../media/share-facebook.gif"); border-color: #29447e; color: #fff !important; opacity: 0.4; }
a.sharelink.twitter { background-image: url("../media/share-twitter.gif"); border-color: #9dc3d3; color: #000 !important; opacity: 0.4; }
a.sharelink.facebook:hover, a.sharelink.twitter:hover { opacity: 0.9; }

#content .login-container { overflow: hidden; text-align: center; margin: 20px 0 25px 0; }
#content .login-container label { color: #50296A; font-weight: bold; }
#content .login-container input { padding: 3px; border: 1px solid #ccc; margin: 0 10px 0 5px; }
#content .login-container a.submit { font-weight: bold; }

#affiche .jcarousel-container {
	margin: 31px 0 0 33px; 
	overflow: hidden;
	position: relative;
	width: 182px;
	height: 243px;
	z-index: 1;
}
#affiche .jcarousel-clip {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 182px;
	height: 243px;
	z-index: 2;
}
#affiche .jcarousel-list {
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	z-index: 1;
}
#affiche .jcarousel-item {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	width: 182px;
	height: 243px;
}