@charset "utf-8";
body {
	font-family:Verdana, Tahoma,'Trebuchet MS',Arial,Sans-serif;
	background-image:url(template/bg_ombre.jpg);
	background-repeat: repeat-y;
 background-color: #4e443d;
 background-position: top center;
	font-size:13px;
	/* background: #372d2c; */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
}

.spc6 {
clear:both;
height:6px;
}

.spc12 {
clear:both;
height:12px;
}

.spc24 {
clear:both;
height:24px;
}

.spc48 {
clear:both;
height:48px;
}

h1 {
font-size : 16px;
font-weight: bold;
display:inline;
}

#art img, #art iframe{
margin: 10px 0 10px 0;
}

h2 {
font-size: 14px;
font-weight: bold;
}

img {border:0;}


hr {
background-image:url(template/hr.gif);
 display:block;
 height: 1px;
 margin: 6px 0 4px -1px;
 padding: 0;
 color: #5d4d3d;
 background-color: #000;
 border: 0;
}
img.hrp {
margin-bottom: 4px;
} 

hr.long  {
background-image:url(template/hr575.gif);
}

h1,h1 a,a,a.name {text-decoration:none;outline:none;
color: #443333;}

a:hover {text-decoration:underline;}


#header {
	border:none;
	background: #ffffff;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 123px;
}

#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:100%;
}

#content {
	background-image: url(template/bg_page.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	padding: 50px 40px 20px 40px;
	margin: 0px;
	border:none;
}

#contenthome {
	/* background-image: url(template/bg_page.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF; */
	padding: 10px 40px 20px 40px;
	vertical-align: bottom;
	margin: 0px;
	border:none;
}
.menu {
background-color:#ffffff;
border: 1px solid #aabbbb;
padding: 20px;
text-align:center;
}

h1.menu {
float:none;
font-weight:bold;
} 

.oneColFixCtrHdr #mainContent {
	/* padding: 0px 6% 0px 9%; */ /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px 0px;
	width:600px;
	float:left;
	text-align:justify;
}

.logoarticle{
margin-top: 30px;
}
.resa {
	background-image: url(template/bg_resa.png);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	font-size:12px;
	padding: 24px 2px 2px 16px;
	margin-right: 20px;
	width :240px;
	height:330px;
	text-align: left;
}

/*
#resa {
	background: #e3e0dc url(template/bg_nav_gauche.gif) repeat-x top;
	width:23%;
	float:left;
	font-size:12px;
	padding: 10px 2px 2px 16px;
	margin-left:0px;
	height:500px;
}
*/

.resa table{
	width:210px;
border: 0;
	padding: 0;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 0px;
}

.resa table tr td{
border: 0;
	padding: 2px;
	text-align: left;
}
#resabt {
	margin: 0px;
	padding-top: 5px;
	text-align: center;
}

#resa .b {
	font-size:12px;
	font-weight:bold;
color: #443333;
}

#resa form {
	padding: 0;
	margin: 0;
}

#resa h2 {
color: #443333;
}


.spip img {
border:none;}


#offre h2 {
color: #443333;
}

#mainContent img {/* border: 5px solid #ffffff; */ float:none;}

#resa2 table {
  border: 1px solid #000;
	margin: 0px;
	padding: 0px;
  width:560px;
}
#resa2 table tr td {
  border: 1px solid #000;
	margin: 0px;
	padding: 0px;
  width:136px;
}

#columnarForm fieldset
{
	float: left;
	display: block;
	width: 17em;
	margin: 0 1em 1em 0;
	/* padding: 0 1em 1em 1em; */
   width:260px;
}

#columnarForm fieldset2
{
	float: left;
	display: block;
	width: 17em;
	margin: 0 1em 1em 0;
	/* padding: 0 1em 1em 1em; */
   width:520px;
}


#columnarForm fieldset2 textarea {
   width:570px;

}

#columnarForm fieldset.radio
{
	width: 17em;
	margin: 0.5em 0 0.5em 0;
	padding: 0 0;
  border: 0 solid #000000;
  display:block;
}

#columnarForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#columnarForm fieldset.radio label
{
	font-weight: normal;
}

#columnarForm checkbox
{
	width: 15em;
	margin: 1em 0 2em 0;
  border: 0 solid #000000;
  display:block;
}

#columnarForm checkbox input
{
	clear: both;
	float: left;
	width: auto;
}

#columnarForm checkbox label
{
	font-weight: normal;
}

#columnarForm input
{
	display: block;
	width: 15em;
}

#columnarForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#columnarForm label.first
{
	padding-top: 1em;
}

#columnarForm select
{
	display: block;
}



#mainContent form {
  padding:0px;
	margin: 0px;
  width:590px;
}


#resa select {
	float:right;
}

#myform input {
/* width:140px; */
float:right;}

#myform select{
width:140px;
float:right;}

#myform td {
padding-left:8px;
padding-right:8px;
width:160px;
vertical-align:top;
float:left;}

#myform {width:725px;
float:none;}

.navtop{
	background-image:url(template/header.gif);
	background-repeat: repeat-x;
	position:relative;
	top:0;
	left:0;
	width:980px;
	height:30px;
	z-index:10;
	font-family:Verdana,Arial,'Trebuchet MS',Sans-serif;
	text-align:center;
}

.navtop a {
font-size:12px;
}

div.main_menu{
	margin-left: 70px;
	/*position:absolute;
	display:inline; */
	white-space:nowrap;
	/* top:28px; */
	font-size:16px;
	height:30 px;
	color:#FFF;
	font-weight:bold;
}

div.main_menu a{
	float:left;
	position:relative;
	font-size:12px;
	font-weight:normal;
	padding-right:12px;
	padding-left:13px;
	line-height:31px;
	height:30px;
	color:#FFF;
}

div.main_menu img{	
	margin-top:9px;	
}

div.main_menu div.sep{
	background-repeat:no-repeat;
	float:left;
	line-height:28px;
	width:2px;
	_filter:alpha(opacity=10);
	/* _margin-top:3px; */
	height:28px;
	_height:22px;
}

div.main_menu a.selected, div.main_menu a:hover{
	background-image:none!important;
	background-color:#a55d01!important;
	text-decoration:none;
}

span.sep{padding:2px;}

span.sep{padding-top:0;padding-left:4px;padding-right:4px;}

div.sep{background-repeat:no-repeat;float:left;line-height:28px;width:1px;_filter:alpha(opacity=10);
/* _margin-top:3px; */
height:28px;_height:22px;}

.sprite__header_separator{background-position:0 0px;width:1px;height:30px;}

.sprite{
	background-repeat:no-repeat;
	background-image:url(template/sep.png);
	}
	
#baspage {
  clear:both;
  text-align:center;
	padding: 0;
	margin-left: -1px;
	width:880px;
	float:left;
	color:#888;
	line-height:3;
}

#baspage a {
	color:#999;
}