* {
	margin: 0;
	padding: 0;
}
html,body {
	height: auto;
	background:#551616;
	color:#FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#objet {
padding:14px;
width:120px;
height:200px;
float:left;
text-align:center;
background-color:transparent;
	
}

#objet img{
background-image:url(../images/img.png);
}


a {
	color:#CC3300;
	text-decoration: underline;
	
}
a:hover {
	color:#FFCC00;
}
p {
padding-left:20px;
}

textarea,input,submit {
	background:url(../images/tt.png);
	color:#666666;
	padding:5px;	
	border:none;
	margin:3px;
	margin-left:30px;
}

#teht {
background:#551616 url(../images/teht.png);
width: 740px;
	height: 20px;
	line-height: 24px;
	vertical-align: middle;
	text-align: right;
}
#container {
	width: 740px;
	height: auto;
	margin: 0 auto 0 auto;
}	
#top {

background:#551616 url(../images/top.png) ;
width: 740px;
	height: 20px;
	line-height: 24px;
	vertical-align: middle;
	text-align: right;
}	


#topbar {

	width: 740px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-align: right;
}


	#topbar ul {
		float: right;
	}
	#topbar li {
		list-style: none;
		display: block;
		width: auto;
		float: left;
	}
	#topbar a {
		text-decoration: none;
		display: block;
		padding: 0 10px 0 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
	}
	#topbar a:hover {
		background:#FFCC00;
		color: #000000;
	}



#entete {
	width: 740px;
	height: 180px;
	background: url(../images/header.png) top left no-repeat;
	position: relative;
}


	#entete h1 {
		font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
		font-size: 30px;
		font-weight: 100;
		letter-spacing: -1px;
		color: #FFF;
		position: absolute;
		top: 60px;
		left: 20px;
	}


#navbar {
	position: absolute;
	bottom: 3px;
	right: 6px;
}


	#navbar ul {
	}
	
	#navbar li {
		list-style: none;
		display: block;
		width: auto;
		float: left;
	}
	#navbar a {
		text-decoration: none;
		display: block;
		padding: 4px 10px 4px 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		color:#FFCC00;
	}
	#navbar a:hover {
		background:#FFCC00;
		color: #000000;
	}
	

#corp {
	width: 740px;
	height: auto;
	margin-top: 0px;

	background: #000000 url(../images/bod.png) repeat y;
}

/*
img{
padding:9px;
}*/

/* le texte et le contenu principal de chaque page*/
#centre {
background:url(../images/mose2.png);
	width: 740px;
	height: auto;

	
}

	#centre h2 {
		font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
		font-size: 20px;
		color:#CC3300;
		padding: 10px 0 0 10px;
	}
	#centre p {
	text-indent:20px;
		line-height: 20px;
		padding: 0 10px 10px 30px;
		color: #888;
	}
	/*
	#centre ul {
		padding: 20px;
		width: auto;
	}
	#centre li {

		list-style: none;
		line-height: 20px;
		border-bottom: 1px solid #DDD;
	}

	#centre li a {
		text-decoration: none;
		color:#CC3300;
		display: block;
		height: auto;
		padding: 4px;
	}
	#centre li a:hover {
		background:#FFCC00;
		color: #000;
	}
*/

#pied {
	clear: both;
	width: 740px;
	height: 30px;
	background:#551616;
	line-height: 30px;
	vertical-align: middle;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
	#pied p {
		color: #FFF;
		padding-right: 20px;
	}
#envoi{
padding:20px;

}




a {color:#CC3300;}
a:hover {text-decoration:none;}
a:visited {color:#CC3300;}

/* slides styling */

.photo {width:700px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:700px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#CC3300; text-decoration:none;  border-width:1px 1px 0 0; background: transparent; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#CC3300; background:transparent;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#FFCC00; background:transparent;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:transparent; width:600px; padding:40px 60px;  z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:transparent; width:600px; padding:40px 60px; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:113px; height:142px; float:left; border:1px solid #FFCC00; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:140px; cursor:default; float:left; text-decoration:none; background:transparent; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:130px; border:5px solid #CC3300;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-65px; width:220px; height:260px; border-color:#FFCC00;}









a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; 
}