body{
text-align:center;
font-family:"Arial";
font-size:12px;
}

hr.spacer {
clear:both;
visibility:hidden;
height:0;
border:0;
margin:0;
padding:0;
}

div, img, table, h1, h2 ,h3, span, body, form, tbody{
border:0;
margin:0;
padding:0;
}

div#site{
text-align:left;
margin-left:auto;
margin-right:auto;
width:955px;
height:700px;
border:2px solid #aa060d;
border-bottom:10px solid #aa060d;
}

div#topcontent{
background: url(../images/top-bg.jpg) repeat;
width:100%;
height:129px;
}

h1#logo{
background: url(../images/logo.jpg)  left no-repeat;
width:305px;
height:86px;
}
h1#logo span{
display:none;
}
div#stone{
background: url(../images/galet.jpg) right no-repeat;
width:100%;
height:88px;
}

div#menu{
float:right;
padding-top:9px;
padding-right:145px;
}

h1 span {
display:none;
}

a{
font-size:12px;
font-weight:bold;
color:#7e161b;
text-decoration:none;
}
div#search{
margin-top:35px;
margin-bottom:10px;
text-align:center;
}
h3.titre{
padding:5px;
margin:0px;
color:#7e161b;
display:inline;
}
h2.titre{
width:auto;
margin-bottom:20px;
text-align:center;
color:#a41d23;
}
h2.titre span{
color:#8fc549 !important;
}

a:hover{
color:#8fc549;
}
a.togglelink, span.title{
border-bottom:1px solid white;
text-align:center;
color:white !important;
background:#aa060d;
display:block;
width:100%;
text-decoration:none;
font-weight:bold;
}

span.title{
font-style:italic;
}

a.togglelink:hover{
background:#8fc549;
}

table.page{
margin-bottom:10px;
font-size:11px;
border-collapse:collapse;
text-align:left;
border:1px solid #7e161b;
}

table.page th{
font-style:italic;
text-align:center;
}

a.menu-MenuPage {
border:0;
margin:0;
padding:0;
cursor:pointer;
}

tr.title{
font-size:11px;
background:#aa060d;
color:white;

}

span.little{
font-size:9px;
}
td.dark{
background:#EED0D0;
}

td.light{
background:#E8BDBD;
}

fieldset#general{
border-left:0px;
border-right:0px;
border-top:1px solid #7e161b;
border-bottom:0px;
margin:0;
padding:0;
}
fieldset#general table{
font-size:12px;
width:100%;
}


ul.actions {
text-align:left;
margin:3px;
padding:0;
list-style:none;
}


/****************************  pagecontent  ***************************************/
div#pagecontent{
width:800px;
text-align:left;
float:left;
margin-top:-10px;
_margin-top:-15px;
}

div.pack ul
{
font-size:11px;
margin:0px 20px;
}

div#pagecontent h2{
color:#BF4349;
}

div#leftcontent{
float:left;
_margin-top:0;
background:#dadad2;
margin-top:-2px;
height:571px;
width:150px;
}

div.pack {
width:275px;
height:175;
border:1px solid #AA060D;
text-align:left;
}

span.titrepack{
position:relative;
float:left;
font-weight:bold;
font-size:15px;
padding-top:15px;
padding-left:5px;
color:#98c110;
}

hr.spacer {
visibility:hidden;
clear:both;
}

img.pack {
float:left;
}

p.pack {
padding:0px 5px;
font-size:11px;
}

ul.pack {
margin: 0 25px;
}

div#admincontent {
margin-left:40px;
}

/***********************************************************************************/
/****************************  rightcontent  ***************************************/
/***********************************************************************************/
div#rightcontent{
float:right;
margin-top:-44px;
_margin-top:-47px;
background:#dadad2;
height:603px;
}
/********************************   LOGIN table  *****************************************/
div#rightcontent table{
z-index:3000;
border-collapse:collapse;
border-bottom:1px solid white;
border-left:1px solid #4F4546;
background:#4f4546;
color:white;
font-weight:bold;
font-size:12px;
width:144px;
}
div#rightcontent table input{
border:0;
margin:0;
padding:0;
width:115px;
}
div#rightcontent table td.ok{
text-align:right;
padding:10px;
}
div#rightcontent table td.ok input{
color:#aead9e;
font-weight:bold;
width:auto;
border:0;
background:none;
}

div#rightcontent table tr td{
padding-left:15px;
}
div#rightcontent table tr td.login{
font-size:11px;
color:#b6b5a5;
padding-top:15px;
}
.titre{
vertical-align:middle;
height:33px;
text-align:center;
border-bottom:1px solid white;
border-left:1px solid white;
}
/********************************   post login  *****************************************/

div#auth{
width:143px;
_width:144px;
background:#4f4546;
color:white;
border-bottom:1px solid white;
border-left:1px solid white;

}
div#auth p{
padding-top:10px;
padding-left:10px;
margin:0;
}
div#auth p#logout{
text-align:right;
padding-right:10px;
padding-bottom:10px;
}
div#auth a{
text-decoration:none;
color:#9BBB0F;
font-weight:bold;
}
div#auth a:hover{
color:white;
}
/*****************************  div.info  *****************************************/
div.info{
border-bottom:2px solid white;
width:144px;
height:auto;
background: url(../images/info-bg.jpg) top repeat;
}
div.info h3, span.titre{
font-size:15px;
padding-top:5px;
padding-left:10px;
color:#98c110;
}
div.info p{
font-size:11px;
margin:0;
diplay:block;
padding:10px;
color:#ececec;
}
div.info a{
display:block;
width:100%;
border-top:1px dotted white;
padding:5px 0px 5px 10px;
color:white;
font-weight:bold;
text-decoration:none;
}
div.info a:hover{
color:#98c110;
}
/*******************************************************************************/
/**************************    menu css   **************************************/
/*******************************************************************************/

#nav, #nav ul {
	text-transform:uppercase;
	float: left;
	width: auto;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding:0px;
	z-index:100;
    background:#aa060d;
	margin: 0px 0 1em 0;
}

#nav a {
	font-size:11px !important;
	border-left:1px solid white;
	display: block;
    text-align:center;
	width: 134px;
	color: white;
	text-decoration: none;
	padding: 10px 0;
}

#nav li {

	float: left;
	padding: 0;
	width: 134px;
}

#nav li ul {
font-size:11px;
font-weight:bold;
	position: absolute;
	left: -999em;
	height: auto;
	width: 134px;
	font-weight: normal;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 122px;
	_padding:0;
}

#nav li ul a {
	width: 134px;
}

#nav li ul ul {
	margin: -1.75em 0 0 134px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #C00434;
}
/**************************************/
/********      datagrid       *********/
/**************************************/

table.datagrid{
width:720px;
font-size:13px;
border-collapse:collapse;
border:2px solid #aa060d;
}

table.datagrid td{
padding:2px;
}

table.datagrid th a{
color:white;
text-decoration:none;
}
table.datagrid a:hover{
color:#ffa293;
}
table.datagrid th{
background-color:#aa060d;
text-decoration:none;
border-bottom:1px solid #aa060d;
}

/**********   Navigation    ***********/
table.foot{
width:720px;
color:white;
font-size:13px;
border: 1px solid #aa060d;
border-top:0 !important;
background-color:#aa060d;
text-align:center;
}

table.foot a {
color:white;
text-decoration:none;
}

table.foot span.nbpage{
padding-left:5px;
display:block;
float:left;
font-weight:bold;
}

table.foot span.navigation{
color:#CCCCCC;
font-weight:bold;
}

 table.foot td.navigation a{
color:#666666;
text-decoration:none;
}
 table.foot td.navigation a:hover, span.current{
color:#E92529;
}
/**********     OVER TR     ***********/
 table tr.over{
background-color:#e1ffae;
}
/***********************************************************/
/********			     META                    ***********/
/***********************************************************/

table.listingmeta{
border-collapse:collapse;
text-align:center;
background:#EED0D0;
border:2px solid #aa060d;

width:500px;
}
table.listingmeta thead{
font-size:12px;
font-weight:bold;
background:#aa060d;
color:white;
}
table.listingmeta tfoot{
border-top:1px solid #aa060d;
background:#E8BDBD;
}

table.sitemeta{
margin-top:20px;
margin-left:165px;
}
/***********************************************************/
/********			    Page Acceuil             ***********/
/***********************************************************/

div#esthetable{
padding:20px 0px 0px 230px;
margin:0;
}
.esthetinet{
border-collapse:collapse;
border:0;
}

/***********************************************************/
/********			    Page Contact             ***********/
/***********************************************************/

div#form label{
font-size:10px;
width:135px;
float:left;
}
div#form, div#formright p{
font-size:10px;
}
div#formright{
border-top:1px dotted white;
color:#ececec;
width:306px;
height:auto;
background: url(../images/bgcontactright.gif) top repeat;
}

#formcontact p {
font-size:10px;
}