/*
	Copyright 2010 - Aube du Temps par Mestoph
*/

/* Mise en page */
 
body {
	background:			#08161e url(../images/bg_html_up.jpg) no-repeat center top;
	height:				100%;
	color:				#ffffff;
	margin:				0 auto;
	padding:			0;
	min-height:			100%;
	position:			relative;
	width:				100%;
	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	text-align: 		center;
}

#header {
	margin: 			0 auto 0;
	width: 				1000px;
	height:				335px;
	position: 			relative;
}	

#status {
	width:				780px;
	height:				28px; /* 34 - 6 de padding */
	margin: 			0 auto 0;
	padding:			6px;
	position: 			relative;
	background:			url(../images/statut.png) no-repeat top center;
	font-size:			13px;
}

#status p {
	margin:				0;
	padding:			0;
}

#pub {
	margin: 			25px 0 0;
	width:				488px; /* 519 - les 31 du padding */
	height:				82px;
	position: 			relative;
	background:			url(../images/pub.png) no-repeat top center;
	padding-top: 		11px;
	padding-left: 		31px;
}

#content {
	margin: 			0 auto 0;
	width: 				1000px;
	position: 			relative;
}	

#menu_g {
	width:				200px;
	padding: 			0;
	margin:				0;
	float:				left;
}

#menu_d {
	width: 				200px;
	padding: 			0;
	margin:				0;
	float:				right;
}

#main {
	width: 				600px;
	padding: 			0;
	margin:				0 200px 0 200px;
}

#news {
	width: 				552px;
	padding: 			0;
	margin:				0;
}

#global {
	height: 			auto;
	width:				100%;
	position:			relative;
	/*z-index:			-1;*/
	background:			url(../images/bg_html_down.jpg) no-repeat bottom center;
	color:				#ffffff;
	padding:			0;
	margin:				0;
	min-height:			1136px;
}

/* Menu */
.menu_h {
	width:				180px;
	height:				27px; /* 39 - les 12 du padding */
	background:			url(../images/m_up.png) no-repeat;
	padding:			12px 0 0 0;
	margin:				0 auto;
	font-size:			11px;
	font-weight:		bold;
}

.menu_f {
	width:				180px;
	height:				12px;
	background:			url(../images/m_down.png) no-repeat;
	padding:			0;
	margin:				0 auto;
}	

.menu_c {
	width:				180px;
	padding:			0;
	margin:				0 auto;
	color:				#94a58d;
	background:			url(../images/m_bg.png);
	font-size:			10px;
}

.menu_c a {
	color:				#c59129;
	text-decoration:	none;
	font-weight:		bold;
}

.menu_c a:hover {

	color:				#94a58d;
	font-weight:		bold;	
}

.menu_c ul {
	width:				180px;
	padding:			0;
	margin:				0;
	list-style:			none;
}

.menu_c ul li {
	height:				24px;
	padding:			3px 0 0 0;
	background:			url(../images/m_separator.png) no-repeat;
} 

.menu_c ul li a {
	display: 			block;
	outline:			none;
	height:				16px;
	padding:			5px 16px 0 16px;
	margin:				0 0 0 0;
	color:				#c59129;
}	
.menu_c ul li a:hover {
	color: 				#ef9f4f;
	background:			url(../images/m_sel.png) no-repeat;
}	

/* Page */	
.main_h {
	width:				591px;
	height:				27px; /* 39 - 12 de padding */
	background:			url(../images/p_up.png) no-repeat bottom;
	padding:			12px 0 0 0;
	margin:				0 auto 0 auto;
	font-size:			11px;
	font-weight:		bold;	
}

.main_c {
	width:				552px; /* - les 40 de padding */
	background:			url(../images/p_bg.png);
	padding:			20px;
	margin:				0 auto;
	text-align:			left;
	color:				#94a58d;
}

.main_c p {
	margin:				0;
	padding:			15px 0 0 0;
	text-align:			center;
}

.main_c b {
	color:				#c59129;
}

.main_c a {
	color:				#c59129;
	font-weight:		bold;
}

.main_c a:hover {

	color:				#ef9f4f;
	font-weight:		bold;	
}

.main_c img {
	vertical-align:		top;
	border:				0;
}

.main_f {
	width:				591px;
	height:				11px;
	background:			url(../images/p_down.png) no-repeat;
	padding:			30px 0 0 0;
	margin:				0 auto;
}

/* News */
.news_h {
	width:				531px;
	height:				23px; /* 33 - 10 de padding */
	background:			url(../images/n_up.png) no-repeat bottom;
	padding:			10px 0 0 20px;
	margin:				0 auto 0 auto;
	font-size:			11px;
	font-weight:		bold;	
	color:				#ffffff;
}

.news_h a {
	text-decoration:	none;
}

.news_c {
	width:				552px;
	background:			url(../images/n_bg.png);
	padding:			0;
	margin:				0 auto;
	text-align:			center;
	color:				#94a58d;
}

.news_c p {
	text-align:			center;
}

.news_c a {
	text-decoration:	none;
}
.news_c p.left {
	text-align:			left;
}

.news_c_right {
	text-align:			right;
}

.news_c table {
	border:				0px;
	border-collapse:	collapse;
	margin:				auto;
}

.news_c td, th {
	padding:			5px;
	text-align:			center;
}

.news_c td.left {
	text-align:			left;
}

.news_c th {
	height:				12px;
	color:				#c59129;
	font-size:			10px;
	padding:			5px 5px;
	background:			url(../images/n_t_h.png);	
}

.news_c td {
	border:				1px solid #132129;
}

.news_c_padding {
	padding:			0 16px;
}

.news_c_padding table {
	border:				none;
	padding:			0;
	margin:				0;
}

.news_c_padding td, th {
	border:				none;
	padding:			0;
	margin:				0;	
}

.news_f {
	width:				511px;
	height:				40px; /* 51 - 11 de padding */
	background:			url(../images/n_down.png) no-repeat;
	padding:			11px 20px 0 20px;
	margin:				0 auto;
}

.copyright {
	margin: 			0 auto;
	width:				981px;
	height:				100px;
	background:			url(../images/copyright.png) no-repeat top center;
	clear:				both;
}

.status {
	margin: 			0 30px;
	vertical-align:		top;
}

.status img {
	vertical-align:		top;
	border:				0;
}

.status a {
	text-decoration:	none;
}

.mapinter a {
	font-weight:		normal;
	color:				#94a58d;
	text-decoration:	none;
}	

.mapinter a:hover {
	font-weight:		normal;
	text-decoration:	underline;
}	

/* Formulaire */
form {
	padding:			10px;
	text-align: 		center;
}

form span.left {
	float: 				left;
}

form span.right {
	float: 				right;
}

iframe {
	background-color: transparent;
}

input, textarea, select, option {
	border:				1px solid #11212b;
	background-color:	#404c54;
	color:				#8d9ba5;	
	filter:				alpha(opacity=75);
	-moz-opacity:		0.75;
	opacity:			0.75;	
}

input[type=image] {
	background-color:	transparent;
	border:				0px;
	filter:				alpha(opacity=100);
	-moz-opacity:		1.0;
	opacity:			1.0;	
}

input[type=radio] {
	margin-right:		50px;
	background-color:	transparent;
	border:				none;
}

input[type=submit], input[type=reset] {
	border:				1px outset #404c54;
	font-weight:		bold;
	cursor:				pointer;
	color:				#94a58d;
}

input[type=submit]:hover, input[type=reset]:hover {
	/*border:				1px outset 404c54;*/
	background-color:	#33414b;
	color:				#94a58d;
}

input[type=submit]:active, input[type=reset]:active {
	/*border:				1px inset #404c54;*/
	background-color:	#404c54;
	color:				#94a58d;
} 

