@import url("layout.css");
body {
	font-family: Trebuchet, Tahoma, Helvetica, sans-serif;
	font-size: 1,4em;
	background-color: #333;/* url('../images/masthead.gif') left top*/
}
#container, #container2 {
	width: 1024px;
	height: 768px;
	margin-top: 5px;
	background: transparent url('../images/images/fond_02.jpg') left top repeat-y;
	margin-left: 5px;
	border-bottom:2px black solid;
	border-right:2px black solid;
}
#masthead {
	position: relative;
	background: transparent url('../images/images/fond_01.jpg') left top no-repeat;
	height: 250px;
}
#container2 #masthead {
	position: relative;
	background:none;
	height:90px;
}

#masthead #head {
	font-family: "Courier New", Courier, monospace;
	margin:0;
	padding:148px 0 0 330px;
	text-align:center;
}
#container2 #head {
	font-family: "Courier New", Courier, monospace;
	margin:0;
	padding:10px 0 0 215px;
	text-align:center;
}

#masthead #head h1 {
	font-size: 3em;
	margin:0;
	padding:0;
	letter-spacing:0.13em;
}
#masthead #head h1 a {
		text-decoration: none;
}
#masthead #head h3 {
	margin-top:-5px;
	font-size: 1.5em;
	color:#a09060;
}
#navigation {
	position: absolute;
	width: 220px;
	background-color: #607070;
	left: 20px;
	top: 630px;
	font-size: 0.7em;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
}
#content {
	width: 773px;
	height: 450px;
	overflow: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 240px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #665;
}
#container2 #content{
	height: 590px;
}
#container2 #content ul{list-style-type:none;}
#content .question{
	color:maroon;
	background-image: url('../images/transcarre.gif');
	background-repeat: repeat;
	background-color: transparent;
}
#content p{
	margin:5px;
	padding:10px;
}
#content p:first-letter{
	font-size:1.2em;
	font-weight:bold;
}
#footer {
	position: absolute;
	left: 280px;
	top: 738px;
	text-align: right;
	font-size:x-small;
	font-weight:bold;
	clear: both;
	width: 728px;
	padding: 0px;
}
/* Styles de titres */
#masthead h1 {
	color: #b71;
}
#masthead h3 {
	color: #542;
}
/* Styles d'éléments de navigation */
#navigation ul {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation li {
	list-style: none;
	background: url('../images/puce.png') 18px 5px no-repeat;
}
#navigation a {
	color: #FF9900;
	text-decoration: none;
	display: block;
	padding: 6px 18px 6px 0;
}
#navigation a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #964;
}
/* Styles du contenu */
h6 {
	color: #c82;
}
h5 {
	color: #c82;
}
h4 {
	color: #c82;
}
h3 {
	color: #c82; clear:both;
}
h2 {
	color: #c82;
}
#content h1 {
	color: #c82;
}
#content img {
	padding: 5px;
	border: 1px solid #964;
}
#content img.nobord{
	border:none;
}
#histoire{margin:10px 75px 0 63px;font-size:13px;}

/* Styles de pieds de page */
#footer p {
	color: #808080;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#footer small{float:left;font-size:9px;font-weight:normal;margin-top:20px;margin-left:-40px;}
#footer a {
	color: #a60;
	text-decoration: none;
}
#footer a:hover {
	color: #853;
	text-decoration: none;
}
a {
	color: #a60;
	text-decoration: none;
}
a:hover {
	color: #742;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.adroite{
	float:right;
	margin-left:15px;
	text-align:center;
}
.adroite p{
	margin:0.8em;padding:0;color:#888;
}
.adroite small{
	font-size:0.8em;
}
.agauche{
	float:left;
	margin-right:15px;
	text-align:center;
}
.agauche p{
	margin:0.8em;padding:0;color:#888;
}
.agauche small{
	font-size:0.8em;
}
.saute{
	clear:left;
	margin:10px auto;
	width:300px;
	height:10px;
	border-top:1px dashed #cc8822;
}
ul.liens{width:310px;margin-left:15px;float:left;font-size:0.95em;font-weight:bold;}
ul.liens li a{padding:5px 0 5px 30px;background:transparent url('../images/puce.png') no-repeat 0px 7px;display:block;}
ul.liens li a:hover{background-image:none;color: #fff;text-decoration: none;background-color: #cba;}

strong{
	color:#607070;
}
#tt,#sw, #ds, #ryr, #lesimgs{ position:absolute; }
#lesimgs{left:300px;top:120px;width:655px;height:500px;border:4px solid maroon;}
#tt{top:192px;}
#ds{top:37.5%;}
#tt{left:-12%;}
#ryr{bottom:2%;}
#sw{top:2%;background:transparent url('../images/images/car_03.png') no-repeat fixed -10px -10px;}
#ds,#sw, #ryr{right:-10%;}
#container #annonce {position:relative;top:32px;left:15px;}
#container2 #annonce {position:relative;top:52px;left:15px;}
#actus{width:600px;text-align:center;border:3px solid #a96;}
#actus h2{font-size:1.2em;color: #963;}
#actus p{font-size:0.9em;color: #665;}