body
{
text-align :left;
margin: 0;
padding: 0;
font-size: small;
font-family: Arial,sans-serif;
color: #d6bbaa;
background-color: #1f2326;
}
 a:link
{
color: #036;
}

a:link, a:visited, a:hover 
{
color: #d89963;
text-decoration: none;
}

a:hover {
	text-decoration: underline;
}	

h3
{
 font: bold 100% Arial,sans-serif;
 color: #b0a99e;
 margin: 0px;
 padding: 0px;
}
	
div#banner
{
background-color: #1f2326;
text-align: center;
visibility: visible;
position: relative;
height: 90px
}

div#banner h1
{
margin: 0;
padding: .3em 0 .3em .5em;
font-size: 2.2em;
font-weight: normal;
}

div#container 
{
background-image: url(../photos/fond_g.jpg);
background-repeat: repeat-y;
}

div#container2 
{
background-image: url(../photos/more_col_base.jpg);
background-repeat: repeat-y;
background-position: right;
}

div#navigation
{
float: left;
width: 150px;
padding-top: 2em;
}

div#navigation ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

div#navigation ul li { margin-top: 4px; }

#navigation ul li a
{
display: block;
width: 135px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #000;
background-image: url(photos/fond_base.jpg);
background-repeat: repeat-y;
}

#navigation ul li a:hover
{
color: #caac80;
background-color: #ccc;
background-image: url(../photos/fond_base2.jpg);
background-repeat: repeat-y;
}

div#content
{
margin-left: 190px;
margin-right:10px;
}
div#content2
{
	float:right;
	width: 75%;
	margin: 0;
	padding-top: 0;
	padding-right: 10%;
	padding-bottom: 0;
	padding-left: 0;
}

div#content3
{
margin-left: 0px;
margin-right: 200px;
}

div#content h3
{
font: 100% georgia, times, "times new roman", serif; 
color: #951;
margin: 0;
padding-top: 1em;
font-weight: bold;
}

div#content { line-height: 150%; }



/************* styles **************/
#cleardiv
{
clear: both;
height: 1em;
}
/************* footer styles **************/
div#footer
{
clear: both;
padding: .5em 1em;
border-top: 1px solid #999;
background-color: #340400;
text-align: left;
}

div#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

div#footer li
{
display: inline;
margin-right: 1em;
}

/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}      
/************* pure popups menu **************/

div#links a span {display: none;}

div#links a:hover span {display: block;
   position: absolute; top: 490px; left: 0; width: 130px;
   padding: 5px; margin: 0px; z-index: 100;
   color: #b0a99e;
   font: 12px Arial, sans-serif; text-align: center;}


   /************** liens externes *************/ 
   
a.lien_ext:after {
content: "\0000a0[\2197]";
}

/************** formulaire *************/ 
.asterisque {
    text-align:center;
    color:#CC3300;
}
.texteformulaire {
    margin:20px auto;
    font-size:15px;
    text-align:left;
    border:1px solid #000000;
    background-color: #1F2326;
    width:500px;
}
.texteformulaire p{
	margin:10px;
}
.fondformulaire {
    width:150px;
}
.area{
	width:350px;
	height:200px;
}
.formcentre {
   text-align:center;
   margin:0;
}
.erreur {
   text-align:center;
   color:#CC3300;
   font-weight:bold;
}
img {
	border: 0;
	vertical-align: bottom;
}form {
	border: 1px dashed #999;
	margin: 1em;
	padding: 2px;
}
#submit {
	border: 1px #000 solid; cursor: pointer; padding: 1px; color: #fff; background-color: #006633; width: auto;
}
#submit:hover {
	border: 1px red solid
}

/**************guestbook*************/

h1                  { margin: 0px 0px 20px 0px; font-size:18px; font-weight:bold; }
div.gb              { margin: 0px 0px 20px 0px; padding: 0px; border: 1px solid #666666; line-height: 19px; }
div.gb-author       { margin: 0px; padding: 1px 10px 1px 10px; border-bottom: 1px solid #666666; background: #666666; }
p.gb-author-left    { margin: 0px; float: left; }
p.gb-author-right   { margin: 0px; text-align: right; }
div.gb-entry        { margin: 10px; padding: 0px; }
p.gb-browse         { text-align: right; font-weight: bold; }
p.gb-admin-buttons  { margin: 5px 0px 0px 0px; text-align: right; }
.caution            { color: red; font-weight: bold; }
.small              { font-size: 11px; line-height:16px; }
.comment            { margin: 10px 0px 0px 0px; color: #808080; font-style: italic; }
img                 { border: 0px; }
table {
    margin-left: auto;
    margin-right: auto;
}
		
input,select,textarea
{
font-family: Arial,sans-serif;
background-color: #ffffff;
border-width: 1px;
border-color: #595959;
border-style: dashed;
font-size: 11px;
}