@charset "utf-8";
/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
}

body { 
	background: black url(background-top.jpg) no-repeat center top; 
	font: 100%/0.9 Tahoma, Arial, Verdana, sans-serif; 
	color: #9a9a9a;
}
div#general {
	min-height: 935px;
	background-color:#1A1A1A;
	position:relative;
	width:790px;
	margin:0 auto;
}
div#moitier{
	display:inline-block;
	float:left;
	width:49%;
	height: 210px;
	background-image:url(pourdiv.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}
div#header{
	width: 100%;
	height: 56px;
	border-bottom-width: 1px;
	border-bottom-color:#666;
	border-bottom-style: solid;
}
div#present{
	display:block;
	width:100%;
	height:250px;
	z-index: 2;
}
div#logo{
	position:absolute;
	background-repeat:no-repeat;
	width: 155px;
	height: 183px;
	background-image:url(logo.png);
	margin-left: 60px;
	z-index: 4;
}
ul#menu_top{
	display:block;
	float: right;
	padding-top:14px;
	list-style: none;
	text-align:center;
	padding-right: 20px;
}
li.menu{
	display:inline-block;
	margin: auto 5px;
	height: 100px;
}
a.linkmenu{
	display:block;
	padding-top: 7px;
	height: 25px;
	width: 115px;
	text-decoration: none;
	color:#CCC;
}
a:hover.linkmenu{
	background-color:#09C;
	color: #000;
	border-bottom-width: 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
div.contenu{
	background-image:url(topdiv2.png);
	background-position: top;
	background-repeat:no-repeat;
	padding-top:20x;
	padding-bottom: 30px;
	min-height: 100px;
	display:block;
	width: 790px;
}
h1{
	font-size: 1.8em;
	text-align:center;
	padding-top: 26px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	color:#39F;
}
h2.titre{
	font-size: 1.3em;
	text-indent: 50px;
	padding-top: 10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	color:#39F;
}
p{
	line-height:20px;
	padding-top: 5px;
	font-size:18px;
	padding-bottom: 10px;
	padding-left:20px;
	padding-right:20px;
	text-indent: 20px;
}
#contop{
	padding-top:22px;
	background-image:url(topdiv.png);
	background-color:#2D2D2D;
	background-position: top;
	background-repeat:no-repeat;
	min-height: 190px;
	width: 790px;
}
#slideshow_container { 
	width: 790px; 
	height: 250px; 
}

ul.gallery {
	width: 760px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding-left: 20px;
}
ul.gallery li {
	float: left;
	margin: 18px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 210px; /*--Width of image--*/
	height: 210px; /*--Height of image--*/
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 210px;
	height: 210px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}