/* CSS Document */


body{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #003300;
	letter-spacing: normal;
	text-align: center;
	word-spacing: normal;
	white-space: normal;
	line-height: 110%; 
	background-color:#669966;		
}

a {
color: #003300;
}
	#conteneur {
position: relative;
margin: 0 auto;
width: 800px;
height: 598px;
border : 1px solid orange;  
}


#blocleft {
position: absolute;
left:0;
width: 168px;
height: 538px;

}

#blocright {
right:0;
height: 538px;
}

#haut-gauche{
position: absolute;
left:0;
height: 201px;
width:  168px;
background-image:  url(IMG/mas-brousse.jpg);
background-repeat: no-repeat;
}

p{
margin:0;
}

#menu-gauche{
position: absolute;
left:0;                                                         
margin-top:201px;
width: 168px;
height: 120px;
background-image:  url(IMG/fond-menugauche.jpg);
}

a.acces {
display:block;
text-decoration:none;
float:left;
width: 88px;
height: 41px;
background-image:  url(IMG/acces.gif);
}

a.acces:hover{

background-image:  url(IMG/acces1.gif);
}

a.tarif {
display:block;
text-decoration:none;
float:left;
width: 88px;
height: 39px;
background-image:  url(IMG/tarifs.gif);
}


a.tarif:hover{
background-image:  url(IMG/tarifs1.gif);
}

a.contact {
display:block;
text-decoration:none;
float:left;
width: 88px;
height: 41px;
background-image:  url(IMG/contact.gif);
}

a.contact:hover{
background-image:  url(IMG/contact1.gif);
}

#encart1{
position: absolute;
top:0;
width: 80px;
height: 120px;
background-image:  url(IMG/encart1.jpg);
}

#encart2{
position: absolute;
left:0; 
margin-top:320px;
width: 168px;
height: 218px;
}

#anim1{
position: absolute;
left:0; 
margin-top:320px;
width: 168px;
height: 218px;
background-image:  url(IMG/anim1.jpg);
}



#menu-haut{
float:right;
width: 632px;
height: 54px;
background-image:  url(IMG/menu-haut.gif);
}

a.accueil{
display:block;
text-decoration:none;
float:left;
width: 92px;
height: 54px;
background-image:  url(IMG/accueil.gif);
}

a.accueil:hover{
background-image:  url(IMG/accueil1.gif);
}

a.gite-rural{
display:block;
text-decoration:none;
float:left;
width: 123px;
height: 54px;
background-image:  url(IMG/gite-rural.gif);
}

a.gite-rural:hover{
background-image:  url(IMG/gite-rural1.gif);
}
a.gite-etape {
display:block;
text-decoration:none;
float:left;
width: 139px;
height: 54px;
background-image:  url(IMG/gite-etape.gif);
}

a.gite-etape:hover {
background-image:  url(IMG/gite-etape1.gif);
}

a.environ{
display:block;
text-decoration:none;
float:left;
width: 159px;
height: 54px;
background-image:  url(IMG/environne.gif);
}

a.environ:hover{
background-image:  url(IMG/environne1.gif);
}

a.livredor{
float:left;
width: 119px;
height: 54px;
background-image:  url(IMG/livredor.gif);
}

a.livredor:hover {
background-image:  url(IMG/livredor1.gif);
}

#encart3{
float:right;
width: 632px;
height: 48px;
background-image:  url(IMG/encart3.jpg);
}

#contenu{
float:right;
width: 632px;
}

.encart-gauche{
float:left;
width: 15px;
height: 436px;
background-image:  url(IMG/encart-gauche.jpg);
}

.encart-droite{
float:right;
width: 18px;
height: 436px;
background-image:  url(IMG/encart-droite.jpg);
}


.fond-texte{
float:left;
width: 599px;
height: 436px;
background-image:  url(IMG/fond-texte.jpg);
background-repeat: repeat-y;
overflow: auto
}

.articles {
height: auto;
width: 90%;
margin-top:10px;
margin: 0 auto;
text-align: left;
}

#encart-bas{
float:left;
height:59px;
width: 800px;
}

#anim2{
float:left;
height:59px;
width: 800px;
background-image:  url(IMG/anim2.jpg);
}

#bas {
text-align: center;
font-size: 10px;
font-weight:bold;
}



/*  Mise en forme des textes du contenu
---------------------------------------------- */
.titre {
color:#016A08;
line-height: 10%;
	margin-top: 25px;
	font-weight: bold;
 }

.soustitre {
color:#00A115;
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 0.4em; }

.chapo {
font-style: italic;
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; 
margin-bottom:20px;
}

.texte1 { float:left; color: #000; font-size: 0.96em; 
margin-bottom:20px;
}
.spip_logos {  margin: 10px; padding: 0; border: none; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }


/*  Documents images
---------------------------------------------- */
#document_actif { margin-top: 1em; }.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin-top:20px; margin-bottom: 15px;}
span.spip_documents_center { display: block;  }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; margin-top:20px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; margin-top:20px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; margin-bottom: 20px;}

/* Agenda
---------------------------------------------- */
#calendar{
float:left;
background-color:#FBB244;
text-transform:capitalize;
font-weight: bold;
border:1px solid #003300;
width: 35%;
text-align: center;
	}
	
#calendar a{
text-decoration:none;
	}

.libre{
background-color:#F0E68C;
	border:1px solid #003300;}
	
.occupe {
color:#F0E68C;
background-color:#DB561D;
border:1px solid #003300;}
	
	.today{
	border:1px solid red;}
	

	/* Events
---------------------------------------------- */
#reserv{
float:left;
padding-left :15px;
background-color:LightGoldenrod ;
	}


/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }


/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
text-transform:capitalize;
	font-weight: bold;
	font-size: 16px; }

.forum-repondre a{
text-decoration:none;
color:#016A08;
}

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-titre {font-size: 14px;}
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: darkred; }
.forum-chapo small {color: darkred;}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: darkred; font-size: 15px; }
.forum-texte .forum-lien {color: darkred;}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid darkred;; margin: 0; padding: 0; margin-bottom: 1em; background:palegoldenrod; color: darkred; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted darkred; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #FFCC66; color: darkred; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }