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-repeat: repeat-y;
}
div#navigation {
	float: left;
	width: 150px;
	padding-top: 2em;
	background-color: #340400;
	border: 1px dotted #5D5D5D;
}
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-repeat: repeat-y;
	background-color: #ccc;
}
div#more {
  float: right;
  width: 160px;
  margin: 0;
  padding: 2em 10px 0 0;
  color: #b0a99e;
  border: 1px solid #5d5d5d;
  border-style: dotted ;
  background-color: #333;
}
div#more h3 {
  margin-top: 0;
  color: #CCC;
  font-size: 90%;
  padding: .2em;
  background-image: url(photos/more_base.jpg);
  background-position: right;
  background-repeat: repeat-y;
}
.advertisement {
  list-style-type:none; margin:10px 0 20px 0; padding:0;
}
.advertisement li a, .advertisement li a:visited {
  color:#d89963; font-size: petit; text-decoration:none;
}
.advertisement li a:hover {
  text-decoration:underline;
}
.advertisement li span.text {
  font-size:12px; color:#036;
}
.spacer {
  margin-top:5px;
}
div#content {
  margin-left: 190px;
  margin-right: 200px;
}
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%; 
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
.floatright { float: right; 
border: 1px solid #666;
margin: 0 0 5px 5px;
}
p.kook {
border: dotted #808080 1pt;
background-color:#060517;
}

input,select,textarea {
  font-family: Arial,sans-serif;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #595959;
  border-style: dashed;
  font-size: 11px;
}
.comments { 
  margin: 10px 0px 0px 0px; color: #808080; font-style: italic; 
}
/****** Floating an image to the left *******/
.floatleft {
  float: left;
  margin: 5px 5px 5px 5px;
  border: 1px solid #666;
  padding: 2px;
}
.floatleft_news {
  float: left; 
  padding: 1%; 
  margin-right: 2px; 
  margin-top: 2px; 
  width: 55px; height: 60px;
}
.floatleft_visiteurs {
  float: left; 
  padding: 1%; 
  margin-right: 2px; 
  margin-top: 10px; 
  width: 50px; height: 50px;
}
/******  paragraphe entre image  *******/
.float_right {
	background-position: 0 0;
	border-style: none;
	float: right;
	text-align: center;
	font-size: 10px;
	padding: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 2px;
	margin-bottom: 5px; 
	margin-left: 20px;
}
.float_left {
  background-position: 0 0;
	border-style: none;
	float: left;
	padding: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 2px;
	margin-bottom: 5px; 
	margin-right: 20px;
}
.flux{clear: both;}
/****** Google *******/
#adsGo { 
margin : 25px 0;
width : 468px;
height : 60px;
padding : 1px;
background : #1F2326;
} 
#adsGo:hover { 
background : #d6bbaa;
} 

/************* 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;
}
/************* bouton styles **************/
a.bouton:link, a.bouton:visited, a.bouton:hover {
  width:25px; 
  height:23px; 
  text-decoration:none; 
  color:white;
  text-align:center; 
  font-weight:bold; 
  padding:5px
}          
a.bouton:link, a.bouton:visited {
  background-color:#000080;
}
a.bouton:hover {
  background-color:#0000ff;
}
/************* 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;
}
/*************  Curved **************/
.curved {background: transparent; width:95%; margin:0 auto;}
.curved h1, .curved p {margin:0 10px;}
.curved h1 {font-size:1em; color:#fff; letter-spacing:1px;}
.curved p {padding-bottom:0.5em;}
.curved .top, .curved .bottom {display:block; background:transparent; font-size:1px;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#e6e7d9; border-left:1px solid #fff; border-right:1px solid #fff;}
.curved .b1 {margin:0 4px; background:#fff;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}
.curved .boxcontent {display:block; background:#e6e7d9; border:0 solid #fff; border-width:0 1px;}
/*************  Images / Box logement**************/
#menu {position:relative; top:10px; left:0px; width:75px; background-color:#333; z-index:100;}
#menu a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu a.p1:hover .large {display:block; position:absolute; top:-60px; left:150px; width:300px; height:300px; border:3px solid #666;}

#info {z-index:100; height:10em;}

#menu2 {position:relative; top:10px; left:0px; width:75px; background-color:#333; z-index:100;}
#menu2 a.p1, #menu2 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu2 a img {border:0;}
#menu2 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu2 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu2 a.p1:hover .large {display:block; position:absolute; top:-60px; left:150px; width:300px; height:300px; border:3px solid #666;}

#info {z-index:100; height:10em;}

#menu3 {position:relative; top:10px; left:0px; width:75px; background-color:#333; z-index:100;}
#menu3 a.p1, #menu2 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu3 a img {border:0;}
#menu3 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu3 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu3 a.p1:hover .large {display:block; position:absolute; top:-60px; left:150px; width:300px; height:300px; border:3px solid #666;}

#info {z-index:100; height:10em;}
/************* coeur **************/
.out {
  display:block; 
  background:#555; 
  border:1px solid #666; 
  position:relative;
  margin-left:2px;
}
.in2 {
  display:block; 
  background:#666; 
  border:1px solid #999; 
  position:relative;
  padding:1px;
  margin:1px;
}
.in {
  text-align:left; 
  background:#333; 
  border:1px solid #555; 
  position:relative; 
  padding:1px;
  font-weight:normal;
}
.ltin {
  left:-5px;
  }
.tpin {
  top:-3px;
}
.rtin {
  left:3px;
}
.image { 
  padding:0;
}
#info {
  text-align:center;
}
blockquote {
  margin: 0 1em 1em;
  padding: 1em 1em 1em 40px;
  background: #1f2326 url('photos/blockquote.gif') 6px 6px no-repeat;
  border: 0px solid #ddd;
}
/************** balises aide abbr, acronym ************/
abbr, acronym, .help {
  border-bottom: 1px dotted #b0a99e;
  cursor: help;
}
/************** TABLES SCROLLING VERTICAL *************/ 
.outer {
  position:relative;
  padding:4em 0 3em 0;
  width:54em;
  background:#eee;
  margin:0 auto 3em auto;
}
.innera {
  overflow:auto;
  width:54em;
  height:9.6em;
  background:#eee;
}
.outer table caption {
  position:absolute;
  width:51.7em;
  text-align:center;
  top:0;
  left:0;
  height:1.5em;
  background:#697210;
  border:0.1em solid #fff;
  color:#fff;
}
.outer thead tr {
  position:absolute;
  top:1.5em;
  height:1.5em;
  left:0;
}
.outer tfoot td {
  position:absolute;
  width:51.5em;
  text-align:center;
  background:#f0c992; 
  border:0.1em solid #000;
  color:#000;
  bottom:0;
  left:0
}
.outer th, .outer td {
  width:10em; 
  text-align:left;
}
.outer th {
  background:#724a10; 
  color:#fff;}
.outer .dk {
  background:#fff;
}
.tableone {width:650px; border-collapse:collapse; margin:0 auto;}
.tabletwo {width:620px; border-collapse:collapse;}
.th1 {width:149px;}
.th2 {width:99px;}
.th3 {width:99px;}
.th4 {width:99px;}
.th5 {width:200px;}

.td1 {width:149px;}
.td2 {width:99px;}
.td3 {width:99px;}
.td4 {width:99px;}
.td5 {width:170px;}

.tableone {background:#666; border:1px solid #fff; color:#ccc;}
.tableone td {border:1px solid #fff; color:#ccc;}
.tableone tbody {background:#666; color:#b0a99e;}
.tableone caption {background:#1f2326; color:#b0a99e; font-size:1.2em; margin:0 auto;}
.tabletwo td {background:#eee; color:#b0a99e;}
.tableone th, .tabletwo th {text-align:left;}
.tabletwo tr.dk td {background:#ddd; color:#b0a99e;}

.innerb {height:10em; overflow:auto;}
/************** liens externes *************/ 
a.lien_ext:after {
  content: "\0000a0[\2197]";
}
/************** lettrine *************/ 
.lettrine {
  float: left; /* positionnement de la lettrine dans le conteneur*/
  font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
  font-weight: bold;
  font-family: Georgia, Times New Roman, Times, serif;
  color: #5F5F5F;
  border: 1px solid #1f2326; /* définition d'une bordure autour de la lettrine*/
  background-color: #1f2326; 
  margin: 1px;
  padding: 1px;
  line-height: 1em;
}
/************** central *************/ 
#central {
  padding: 0px 10px 0px 0px;
  margin:0px 0px 0px 178px;
} 
.feature {
  padding: 0px 0px 10px 10px;
  font-size: 80%;
  min-height: 200px;
  height: 200px;
}
html>body .feature {
  height: auto;
}
/************** galerie verticale *************/ 
#gallery {
  padding:0; 
  margin:0; 
  list-style-type:none; 
  overflow:hidden; 
  width:320px; 
  height:425px; 
  border:1px solid #888; 
  background:#1f2326 url(photos/bout_fond.jpg);
}
#gallery li {
  float:left;
}
#gallery li a {
  display:block; 
  height:30px;
  width:320px; 
  float:left; 
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
}
#gallery li a img {
  width:320px; 
  height:30px; 
  border:0;
}
#gallery li a:hover {
  background:#eee; 
  height:239px;
}
#gallery li a:hover img {
  height:239px;
}
/************** 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;
}
/************** sitemap *************/
#sitemap {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #b0a99e;
}
#sitemap li {
  list-style-type: none;
}
ul#sitemap > li {
  margin-bottom: 10px;
}

#sitemap ul li {
  list-style-image:   url("photos/l2_normal.gif");
}

#sitemap ul ul li {
  list-style-image:   url("photos/l3_normal.gif");
}
#sitemap ul li.firstfollow {
  list-style-image:   url("photos/l2_first_follow.gif");
}
#sitemap ul li.last {
  list-style-image:   url("photos/l2_last_item.gif");
}
#sitemap ul ul li.firstfollow {
  list-style-image:   url("photos/l3_first_follow.gif");
}
#sitemap ul ul li.last {
  list-style-image:   url("photos/l3_last_item.gif");
}
/************** focus img news *************/
.logo_nafir a em { 
  display:block; 
  text-indent:-10000px;
  width:155px; 
  height:170px; 
  position:absolute; 
  background:#ccc url(photos/news_vig.jpg); 
  border:1px solid #ddd; 
  cursor:pointer; /* to set the pointer correctly as a link in IE */
}
.logo_nafir a:hover em {
  border-color:#000;
}
/* for IE to make the active/focus state work correctly */
.logo_nafir a:active {
  color:#ccc;
}
/* style the active/focus state */
.logo_nafir a:active em, .logo_nafir a:focus em {
  border-color:#c00;
}
/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
 border: 0;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}