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 EnTete pour hr____________________*/

#entete table {
	width: 100%;	
}

#entete table tr td hr{
	width: 90%;
	height: 4px;
	background-color: #b95957;
}

#entete tr td h3{
	width: 60%;
	height: 4px;
}


/* __________________________________________________________*/
/* __________________ 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;
 }

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

/*********** Mise en page presentation & membres **********/

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

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

.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;
	/*font-weight: bold;*/
 	border:1px solid olive;
	padding: 5px 5px 5px 5px;
}
 
.membres table td {
 	padding:0; 
  	line-height:1em;
 } 

 


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

.action table{
	width: 90%;
	font-size: 80%;
	margin: 0 auto; 
 	padding:0; 
  	line-height: 1em;
	empty-cells: hide;

}

.action table image{
/*	padding-top: 0px;*/
}


/* ------  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;
	}



/**************************************************/
/**************************************************/
/************* 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: 3px solid olive ; 
	 margin: 0 ;
}