body {
    margin: 0px;
    padding: 0px;
	 color:#b95957;
	/*background-image: url(images/fond.bmp);
    background-repeat: repeat;
	 background-color:white;
	 background:url(images/fond.bmp) repeat;*/
    width: 100%;
	 font-family: Verdana,Arial,sans-serif;
	 background-color: #fdf1b8; 
}

/* __________________________________________________________*/
/* __________________________________________________________*/
/* ________________Conteneurs  Communs_______________________*/
/* __________________________________________________________*/
/* __________________________________________________________*/



/* __________________________________________________________*/
/* __________________ Conteneur EnTete  _____________________*/
/* __________________________________________________________*/

div#entete{
	padding: 0px 0px 0px 0px;
	background-color: #FDF1B8;
}

#entete img{
	padding: 11px 10px 10px 130px;
	margin-bottom: 0px;
	width: 60%;
	margin: 22px 20px -20px;    /* ________ modifié  ________*/

}


/* _________________ Tableau MENU incluant hr (tirets),  pour hr____________________*/

#entete table {
	width: 100%;	

	}

#entete table tr{
	text-align: center;
	/*border: 2px solid olive;*/

}

#entete table tr td {   /*quand le lien a déja été visité*/
	/*border: 1px solid red;*/
	
	
	}

/*------------  Boutons et survol  --------------*/

#bouton1 {  
	width: 12%;
   font: 20px sans-serif;
	border: 1px solid #004060;
}


#bouton2 {  
	width: 12%;
   font: 20px sans-serif;
	border: 1px solid #004060;
}

#bouton3 {  
	width: 12%;
   font: 20px sans-serif;
	border: 1px solid #004060;


}

#bouton4 {  
	width: 12%;
   font: 20px sans-serif;
	border: 1px solid #004060;
}



.survol {  /* fonction onmouseover ---> voir fichiers HTML   */
           /* permet le soulignement et de remplir au passage de la souris la couleur du bouton */
   background-color:#e7d5c9;
   /*text-decoration: underline;
color: blue;*/
}

.parti {  /* fonction onmouseout ---> voir fichiers HTML   */
    background-color:transparent;
}

/*-----------------------------------------------*/

#entete table tr td a{   /*les liens en général*/
	/*color:#1a4bef;*/
	color:#2541ca;
	text-decoration: none;

}

#entete table tr td a:hover{  /*quand on passe la souris sur un lien*/
   text-decoration: underline;
	color: #2f8931;
}

#entete table tr td a:active{  /*quand on clique sur le lien*/
	color:#2f8931;
}

#entete table tr td a:visited{   /*quand le lien a déja été visité*/
	/*color:black*/
}


/*-------- Tirets droite et gauche du Menu ------*/

.tab_tirets hr{    
	width: 100%;
	height: 3px;
	color: #b95957;
   background-color:#b95957;  /* pour Firefox qui ne remplit pas la barre */

}

/*-------- Séparateur Boutons Menu ------*/
.tab_separateur{
	width: 1%;
	height: 50px;
	color: #b95957;
	font-size: 20px;
/*line-height: 2.5em;
border: 1px solid #004060;
 vertical-align: middle;*/

}



/*.tab_separateur table td {
 vertical-align: middle;
   	line-height:1em;

 }*/
 
/* __________________________________________________________*/
/* __________________ Conteneur Structure   _________________*/
/* _____________ entre En-tête et Pied de page   ____________*/
/* __________________________________________________________*/

div#column2 {
    margin: 0;
    padding: 0;
	 background-image: url(images/side16.png);
    background-position: left;
    background-repeat: repeat-y;
    width: 100%;

}

/*div#column1 {
    margin: 0px;
    padding: 0px;
    background-image: url(side10.png);
    background-repeat: repeat-y;
    width: 100%;
   border: solid #44443c;
} */

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
	 background-color: #FDF1B8
} 


/* __________________________________________________________*/
/* __________________ Conteneur Navigation  _________________*/
/* __________________________________________________________*/

div#navcol {
  	width: 200px;
   float: left;

}


/* _____________ Mise en page Conteneur Navigation __________*/

/*#barNav{
	width: 180px;
	margin: 20px 25px 5px 20px;
	padding: 44px 0px 44px 0px;
	background-color: #FDF1B8;
	border: solid olive 3px;
}

#barNav a img{
	border-style: none;
	vertical-align: middle;*/
	/*width: 159px;
	height: 49px
}*/



/* __________________________________________________________*/
/* __________________ Conteneur Pied de Page  _______________*/
/* __________________________________________________________*/


div#foot {
   /* border-top: solid #000 1px;*/
   background-color: #FDF1B8; 
   padding-top: 0px;

}

div#footin {
   text-align: center;
 	background-image: url(images/side14.png);
   height: 70px;
	margin-left: 199px;
	color: #FDF1B8;
	
} 

div#footin a{
	color: #f9cd9e;
	text-decoration: underline;
	font-weight: bold;
}



/**************************************************/
/**************************************************/
/************** Structure index.html **************/
/**************************************************/
/**************************************************/

div#main {
  margin-left: 210px;
  margin-right: 210px;
  background-color: #FDF1B8;
  /*border: 2px solid gray;
  border-color: #FDF1B8;*/
 }

div#sidecol {
	width: 200px;
	float: right;

}

/*__ Mise en page presentation + membres + Actualité + Actions réalisées __*/

.presentation{
	padding: 10px 35px 10px 35px;
	font-size: 100%;
 	text-align: justify;

}

.presentation h3{
	padding: 30px 0px 5px 30px;

}

.presentation img{
	/*float: left;*/
	width: 45%;
	border: 2px solid olive;
}

.presentation p{
  	text-indent: 10px;
	padding: 2px 15px 2px 15px;
}



.membres table{
	font-size: 85%;
  	margin: 0 auto 44px;
 	border:1px solid olive;
	padding: 5px 5px 5px 5px;
}
 
.membres table td {
 	padding:0; 
  	line-height:1em;
 } 

 


/* ------  MODIFF  ---------*/ 



div.actu {                 /********  Titre Actualité *******/
	width: 89%;
	margin: 0 auto; 
	font-size: 100%;
}


div.actu ul {         /********  Sous-titre Actualité  *******/
	/*border: 1px solid #004060;*/
	width: 90%;
	text-align: justify;
  	line-height:1.2em;
	margin-left: -25px;
	list-style: disc;
}









/*__________________________________________________*/


.action table{              /********  Photos et Articles *******/  
	width: 90%;
	font-size: 100%;
	margin: 0 auto; 
 	padding:0; 
  	line-height: 1em;
	empty-cells: hide;

}


tr.action-comment {       /********  Commentaires actions *******/
		font-size: 80%;

}


/* ------  FIN de MODIFF  ---------*/ 



/*************  Mise en page manchette  **************/

#manchette{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#manchette h3 {
	text-align: center;
}

#manchette p{
	padding: 5px 5px 5px 5px;
	text-indent: 7px;
}

#manchette img{
	width: 50%;
	border: 2px solid olive;
	margin-bottom: 34px;
}

/***********  Mise en page signature  ************/

#signature{
	margin: 0px;
	padding: 2px 5px 10px 0px;
	font-size: 100%;
	text-align: right;
}





/**************************************************/
/**************************************************/
/************* Structure contact.html *************/
/**************************************************/
/**************************************************/

div#contact {
   margin-left: 220px;
   margin-right: 20px; 
   background-color: #FDF1B8;
   color: #fdf1b8;
 }

/************** .presentation styles ***************/

#formulaire table{
	width: 85%; 
	padding: 10px 35px 10px 20px;
	font-size: 100%;
	border: 4px solid olive;
	background-color: #b95957; 
	margin: auto;  /* centre le Formulaire dans le conteneur */
	border-spacing: 3px;
	margin-bottom: 44px;
}

#formulaire table td{
	vertical-align: top;
}

/*****************************/

#contact{
	padding: 44px 0px 0px 0px;
}

#contactus{
	
	padding: 10px 35px 10px 35px;
	font-size: 100%;
  /* text-indent: 10px;*/
	text-align: center;
	border: 3px solid olive;
	background-color: #b95957;
	margin-bottom: 44px;
}


#renseignement{
	width:50%;
	padding: 0px 0px 0px 60px;
	font-size: 85%;
	text-align: center;
	color: olive;
	font-weight: bold;
	margin-bottom: 44px;
	}


#avertissement{
	width:100%;
	/*padding: 0px 0px 0px 60px;*/
	font-size: 125%;
	text-align: center;
	color: red;
	font-weight: bold;
	/*margin-bottom: 44px;*/
	
	
	border: 2px solid red;
	
	
	}

/**************************************************/
/**************************************************/
/************* Structure actions.html *************/
/**************************************************/
/**************************************************/

#actions{
   padding: 25px 50px 25px 50px;
   margin-left: 220px;
   margin-right: 20px; 
	  /*width: 50%;*/
   font-size: 100%;
}

#actions p{
	text-indent: 15px;
	text-align: justify;
/*	border: 2px solid olive;*/
}

#actions center{
   margin-top: 45px;
   margin-bottom: 45px;
}

#actions img{
	border: 2px solid olive;
	/*margin-bottom: 34px;*/
}

#actions h4{
	text-indent: 100px;
}

/************* Galerie Brocante *************/

div#galerie-broc { 
	margin: 0 auto;   /*centre dans le conteneur */
   width: 98% ;
   text-align: center ; 
   font-size: 1em ; 
}

dl#photo1 dd { 
   color: olive ;    /* Couleur et Taille du texte dans Diaporama  */
} 
 
#photo1 img { 
	 border: 1px solid olive;  
	 /*margin: 0 auto;*/
} 


table#brocante {     /*centre la table des petite photos de la brocante avec 1 largeur de 75% */ 
	margin: 0px auto;
 	width: 75% ; 
}


			/* -----------------------------------*/

#article img{
display:block;
	margin: 0 auto;
/*width:auto;
margin-left:auto;
margin-right:auto;*/
    }


#actions hr{
	width: 50%;
	height: 2px;
	color: #009900;
}	 
	 

	 
	 
	 


/* ------  Bannière d'images en bas de la page  ------*/
#miniph{ 
   margin-right: 5px;
   margin-left: 5px;
} 

#miniph table tr td img
{ 
   margin-right: 3px;
} 

#miniph table tr td a img{
	border-color: olive ;
	border-width: 2px;
}






/**************************************************/
/**************************************************/
/************* Structure Village.html *************/
/**************************************************/
/**************************************************/

div#village {
  padding: 25px 50px 25px 50px;
  margin-left: 220px;
  margin-right: 20px; 
    /*width: 50%;*/
  background-color: #FDF1B8;
  font-size: 100%;
 }
 
/************** paragraphe ***************/
 
#village p{
	text-indent: 15px;
	text-align: justify;
}

#village center{
	margin-top: 60px;
}

/***********  Mise en page Zoom Carte  ************/

.zoom {
	width: 300px;
	height: 281px;
	background: url(images/carte_tassouite2.jpg) no-repeat;
	margin: 0 auto; 
	margin-bottom: 44px;
}

.zoom p, .zoom a {
	height: 278px;
	display: block;
	margin:0;
	border : 2px solid olive; 
}

.zoom a:hover {
	background: url(images/carte_tassouite.jpg) no-repeat -140px -120px;
	cursor: help;

}

/*.zoom-carte{
	margin: 0 auto;
}
*/


/*carte_tassouite.jpg 200 187  486 455 */



/**************************************************/
/**************************************************/



/**************************************************/
/**************************************************/
/************* Structure diaporama.html *************/
/**************************************************/
/**************************************************/

div#diaporama {
  padding: 10px 50px 25px 50px;
  margin-left: 220px;
  margin-right: 20px; 
    /*width: 50%;*/
  background-color: #FDF1B8;
 /* font-size: 100%;*/
 }
 
/************** paragraphe ***************/
 
#diaporama p{
	text-indent: 15px;
	text-align: justify;
}

#diaporama h3{
	font-size: 1.8em ; 
	margin-top: 10px;
	text-align: center ;
}

/************* Galerie Photos *************/

div#galerie 
{ 
	margin: auto;  /* centre dans le conteneur */
   width: 560px ; 
   border: 4px solid olive;
   text-align: center ; 
   font-size: 1.5em ; 
	background: #b95957;
} 
 
ul#galerie_mini 
{ 
  width: 98% ; 
  padding: 0px 0px 0px 0px ; 
  list-style-type: none ; 
  margin: 5px auto 5px 10px ;
  /* margin: 0 auto ; */
} 
 
ul#galerie_mini li 
{ 
  float: left ;
} 
 
ul#galerie_mini li a img 
{ 
	 border: 2px solid olive ; 
} 
 
dl#photo 
{ 
    clear: both ; 
    margin: 10px auto ; 
} 
 
dl#photo dd 
{ 
    margin: 0 14px ; 
	 color: #fdf1b8 ; 
} 
 
dl#photo dd img 
{ 
    border: 2px solid olive ; 
	 margin: 0 ;
}