/******************************************************************** STRUCTURE ***************************************************************************************************************************/
h1,h2,h2,p,a,ul,li{
margin: 0;
padding: 0;
text-decoration: none;
}
html {
margin-right: 6%;
margin-left: 6%;
background: #DBD4C9;
font-family: 'Roboto', sans-serif;
font-size: 0.9em;
}
body {
font-family: 'Roboto', sans-serif;
font-size: 0.9em;
border: 10px solid #ffffff;
}

header{
background: #DBD4C9;
width: 100%;
/*border: 1px solid #000000;*/
}
section{ 
min-height: 50%;
/*border: 1px solid #000000;*/
}
footer{
background: #ffffff;
text-align: center;
}
.conteneur{
margin: 0;
display: inline;
/*border: 1px solid #000000;*/
}

/******************************************************************** LOGO ***************************************************************************************************************************/
/******************** TABLEAU LOGO ********************/

table.logo{
width: 100%;
height: 200px;
}
	.tr-logo{
	width: 100%;
	height: 150px;
	background: #DBD4C9;
	}
		/******************** TD DU LOGO GAUCHE ********************/
		.td-left{
		width: 20%;
		height: 150px;
		background: #DBD4C9;
		}
		/******************** TD DU LOGO DROIT ********************/
		.td-right{
		width: 80%;
		height: 150px;
		background: #DBD4C9;
		}
		/******************** TABLE DECOUPAGE LOGO DROIT ********************/
		table.logo2{
		width: 100%;
		height: 150px;
		}
			/******************** PHRASE ASSO ********************/
			.tr-asso{
			width: 100%;
			height: 50px;
			background: #DBD4C9;
			}
				.td-asso{
				width: 100%;
				height: 50px;
				background: #DBD4C9;
				color: #B17951;	
				font-weight: normal;
				text-align: right;
				font-family: 'montserrat';
				font-size: 1.5em;
				}
			/******************** ESPACE MEMBRE ********************/
			.tr-membre{
			width: 100%;
			height: 100px;
			background: #DBD4C9;
			}
				.td-membre{
				width: 100%;
				height: 100px;
				background: #DBD4C9;
				text-align: right;
				vertical-align: bottom;
				}
				
				.border-radius {
				  height: 80px;
				  border-radius: 50%;
				}			
				
	/******************** MENU ********************/
	.tr-menu{
	width: 100%;
	height: 50px;
	background: #DBD4C9;
	}
		.td-menu{
		width: 30%;
		height: 50px;
		background: #DBD4C9;
		text-align: center;
		vertical-align: bottom;
		}
		.td-menu a:hover{
		background: #B17951;
		}
				

				

/******************************************************************** SEPARATION ***************************************************************************************************************************/
.separation_marron{
width: 100%;
height: 10px;
background: #B17951;
}
.separation_blanc{
width: 100%;
height: 5px;
background: #ffffff;
}
.separation_marron_petit{
width: 90%;
size: 5px;
color: #B17951;
}

/******************************************************************** CORPS ***************************************************************************************************************************/
/******************** TABLEAU CORPS ********************/
table.contenu{
width: 100%;
height: 800px;
/*align-content: center;*/
/*border: 1px solid #000000;*/
background: #ffffff;
}

	/******************** TR HAUT ********************/
	.tr-contenu-haut{
	}
		/******************** TD MENU GAUCHE ********************/
		.td-gauche{
		width: 20%;
		background: #DBD4C9;
		height: 750px;
		color: #B17951;	
		font-weight: normal;
		text-align: right;
		font-family: 'montserrat';
		font-size: 1.3em;
		padding-right: 0.5%;
		vertical-align: top;
		/*border: 1px solid #000000;*/
		}
		
		.td-gauche a{
		color: #B17951;	
		}
		
		.td-gauche a:hover{
		color: #000000;	
		}
		
		
		/******************** TD CONTENU DU CENTRE ********************/
		.td-centre{
		width: 70%;
		background: #ffffff;
		height: 800px;
		text-align: center;
		align-content: center;
		align-items: center;
		vertical-align: top;
		/*display: inline;*/
		/*border: 1px solid #000000;*/
		}
	
			.div-centre-haut{
			text-align: center;
			vertical-align: top;
			height: 300px;
			/*display: inline;*/
			/*border: 1px solid #000000;*/
			}
			.div-centre-milieu{
			text-align: center;
			vertical-align: top;
			height: 350px;
			/*display: inline;*/
			/*border: 1px solid #000000;*/
			}		
			.div-centre-bas{
			text-align: center;
			vertical-align: top;
			height: 250px;
			color: #B17951;
			/*display: inline;*/
			/*border: 1px solid #000000;*/
			}		
		/******************** TD CONTENU DROIT ********************/
		img.pub{
			height:100px;
		}
		
		.td-droit{
		width: 10%;
		background: #ffffff; 
		height: 750px;
		text-align: center;
		vertical-align: top;
		/*display: inline;*/
		/*border: 1px solid #000000;*/
		}
			/******************** TABLE REUNION ********************/
			table.menu-reunion{
			width: 100%;
			height: 750px;
			/*border: 1px solid #000000;*/
			background: #ffffff;
			}
				/******************** TR ADHESION ********************/
				.tr-adhesion{
				background: #ffffff;
				width: 100%; 
				height: 5%;
				}			
				/******************** TR REUNION ********************/
				.tr-reunion{
				background: #DBD4C9;
				width: 100%; 
				height: 20%;
				}
				/******************** TR PARTENAIRE ********************/
				.tr-partenaire{
				background: #ffffff;
				width: 100%; 
				height: 75%;
				}
	/******************** TR BAS ********************/
	.tr-contenu-bas{
	}
		/******************** TD MENU CONTACT ********************/
		.td-contact{
		width: 20%;	
		height: 50px;
		background: #B17951;
		font-weight: normal;
		text-align: right;
		font-family: 'montserrat';
		font-size: 1.5em;
		padding-right: 1%;
		/*border: 1px solid #000000;*/
		}
		
		.td-contact a{
		color: #DBD4C9;	
		}
		
		.td-contact a:hover{
		color: #000000;	
		}
		
		
		
		/******************** TD BLANC ********************/
		.td-blanc{
		width: 80%;	
		height: 50px;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}
		
		/**************************************************************** GESTION BIENVENUE *****************************************************************/
table.bien{
width: 90%;
margin: 0 auto;
height: 250px;
/*border: 1px solid #000000;*/
background: #ffffff;
align-items: center;
}		
	.tr-bien{
	width: 100%;
	align-items: center;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}		
		.td-bien{
		width: 100%;
		align-items: left;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}
		.td-bien-liste{
		width: 40%;
		align-items: left;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}
		.td-bien-blanc{
		width: 30%;
		align-items: left;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}

/**************************************************************** GESTION EDITO *****************************************************************/
table.edito{
width: 90%;
margin: 0 auto;
height: 250px;
/*border: 1px solid #000000;*/
background: #ffffff;
align-items: center;
}		
	.tr-edito{
	width: 100%;
	align-items: center;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}		
		.td-edito{
		width: 100%;
		align-items: center;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}

/************************************************************************ GESTION DE LA ZONE TROUVAILLE ***************************************************************************************************************************/
table.trouvaille{
width: 90%;
margin: 0 auto;
height: 250px;
/*border: 1px solid #000000;*/
background: #ffffff;
align-items: center;
}		
	.tr-trouvaille{
	width: 100%;
	align-items: center;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}		
		.td-trouvaille{
		width: 100%;
		align-items: center;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}
		
		.td-trouvaille-titre{
		width: 100%;
		align-items: center;
		color: #B17951;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}

* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
  width:70%;
  text-align: center;
  vertical-align: top;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: red;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: red;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #ffffff;
  padding: 2px 16px;
  color: #B17951;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}		
/**************************************************************** GESTION ZONE RGPD *****************************************************************/
table.rgpd{
width: 90%;
margin: 0 auto;
height: 150px;
/*border: 1px solid #000000;*/
background: #ffffff;
}		
	.tr-rgpd{
	width: 100%;
	vertical-align: top;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}		
		.td-rgpd{
		width: 100%;
		vertical-align: top;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}
		
/******************************************************************** PAGE COTISATION ***************************************************************************************************************************/		
		
			/******************** TABLEAU COTISATION ********************/
			table.cotis{
			width: 50%;
			align-items:center;
			margin: auto;
			border: 1px solid #000000;
			background: #ffffff;
			}
				/******************** TR COTISATION ********************/
				.tr-cotis{
				width: 100%;
				background: #ffffff;
				border: 1px solid #000000;
				}
				/******************** TD COTISATION ********************/
					.td-cotis{
					width: 50%;
					height: 30px;
					background: #ffffff;
					vertical-align: center;
					border: 1px solid #000000;
					}
				
/******************************************************************** PAGE ACTIVITE ***************************************************************************************************************************/		
		
			/******************** TABLEAU ACTIVITE ********************/
			table.activite{
			width: 100%;
			height: 750px;
			/*border: 1px solid #000000;*/
			/*background: #ffffff;*/
			}
				/******************** TR ACTIVITE ********************/
				.tr-activite{
				width: 100%;
				height: 100px;
				/*background: #ffffff;*/
				/*border: 1px solid #000000;*/
				}
					/******************** TD MARGE GAUCHE ET DROITE ********************/
					.td-blanc-activite{
					width: 10%;
					height: 100px;
					background: #ffffff;
					vertical-align: center;
					/*border: 1px solid #000000;*/
					}
					/******************** TD MARGE CENTRE ********************/
					.td-blanc-activite-center{
					width: 2%;
					height: 100px;
					background: #ffffff;
					vertical-align: center;
					/*border: 1px solid #000000;*/
					}
					/******************** TD IMAGE ********************/
					.td-image{
					width: 39%;
					height: 100px;
					background: #DBD4C9;
					vertical-align: center;
					/*border: 1px solid #000000;*/
					}
					/******************** TD TEXTE ********************/
					.td-text{
					width: 39%;
					height: 100px;
					background: #DBD4C9;
					text-align: center;
					/*border: 1px solid #000000;*/
					}
				/******************** TR MARGE INTER BLANC ********************/
				.tr-blanc-activite{
				width: 100%;
				height: 20px;
				background: #ffffff;
				vertical-align: center;
				/*border: 1px solid #000000;*/
				}		
		
		


.clear{
clear: both;
}

/******************** BAS ********************/

table.mention{
width: 100%;
height: 50px;
/*background: #ffffff;*/
}
	.tr-mention{
	width: 100%;
	height: 50%;
	background: #ffffff;
	/*border: 1px solid #000000;*/		
	}
		.td-mention{
		width: 100%;
		height: 100%;
		background: #ffffff;	
		/*border: 1px solid #000000;*/		
		}
		.td-mention a{
		color: #B17951;	
		}
		.td-mention a:hover{
		color: #000000;	
		}

	.tr-creation{
	width: 100%;
	height: 50%;
	background: #ffffff;
	/*border: 1px solid #000000;*/	
	}
		.td-creation{
		width: 100%;
		height: 100%;
		text-align: center;
		background: #ffffff;
		/*border: 1px solid #000000;*/	
		}



/******************************************************************** PAGE ADMIN UTILISATEUR***************************************************************************************************************************/
table.utilisateur{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-utilisateur{
	width: 100%;
	height: 10px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-utilisateur{
		/*width: 49%;*/
		height: 10px;
		background: #ffffff;
		vertical-align: center;
		border: 1px solid #000000;	
		}
		.td-bouton-utilisateur{
		height: 10px;
		background: #ffffff;
		vertical-align: center;
		/*border: 1px solid #000000;*/	
		}
		
/******************************************************************** PAGE ANNUAIRE ***************************************************************************************************************************/		
table.filtre_annuaire{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-filtre_annuaire{
	width: 100%;
	height: 30px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-filtre_annuaire{
		width: 6%;
		height: 30px;
		background: #ffffff;
		vertical-align: center;
		/*border: 1px solid #000000;*/	
		}
table.utilisateur_annuaire{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-utilisateur_annuaire{
	width: 100%;
	height: 30px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-utilisateur_annuaire{
		/*width: 49%;*/
		height: 30px;
		background: #DBD4C9;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		
/******************************************************************** PAGE ACCUEIL MEMBRE***************************************************************************************************************************/
table.accueilmembre{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-accueilmembre{
	width: 100%;
	height: 40px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-accueilmembre{
		/*width: 49%;*/
		height: 40px;
		background: #ffffff;
		vertical-align: center;
		text-align: left;	
		/*border: 1px solid #000000;*/	
		}
		
table.accueilmembreprofil{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-accueilmembreprofiltitre{
	width: 100%;
	height: 50px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-accueilmembreprofiltitre{
		height: 50px;
		/*background: #00ACF0;*/
		background: #ffffff;
		vertical-align: center;
		text-align: center;		
		/*border: 1px solid #000000;*/	
		}
		
	.tr-accueilmembreprofil{
	width: 100%;
	height: 50px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-accueilmembreprofilimage{
		width: 50%;
		height: 100px;
		background: #ffffff;
		vertical-align: center;
		text-align: center;	
		/*border: 1px solid #000000;*/	
		}
		.td-accueilmembreprofil{
		/*width: 49%;*/
		height: 50px;
		background: #ffffff;
		vertical-align: center;
		text-align: left;
		/*border: 1px solid #000000;*/	
		}		
		
		

/******************************************************************** PAGE EVENEMENTS ***************************************************************************************************************************/
table.salon_evenement{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-salon_evenement{
	width: 100%;
	height: 10px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-salon_evenement{
		/*width: 49%;*/
		height: 10px;
		background: #DBD4C9;
		vertical-align: center;
		/*border: 1px solid #000000;*/	
		}
	.tr-salon_evenement_marron{
	/*width: 49%;*/
	height: 2px;
	background: #B17951;
	vertical-align: center;
	/*border: 1px solid #000000;*/	
	}
		.td-salon_evenement_marron{
		/*width: 49%;*/
		height: 2px;
		background: #B17951;
		vertical-align: center;
		/*border: 1px solid #000000;*/	
		}
	.tr-salon_evenement_blanc{
	/*width: 49%;*/
	height: 5px;
	background: #ffffff;
	vertical-align: center;
	/*border: 1px solid #000000;*/	
	}
		.td-salon_evenement_blanc{
		/*width: 49%;*/
		height: 5px;
		background: #ffffff;
		vertical-align: center;
		/*border: 1px solid #000000;*/	
		}
		
/******************************************************************** PAGE ADMIN EVENEMENTS ***************************************************************************************************************************/
table.salon{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-salon{
	width: 100%;
	height: 10px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-salon{
		/*width: 49%;*/
		height: 10px;
		background: #ffffff;
		vertical-align: center;
		border: 1px solid #000000;	
		}
		.td-bouton-salon{
		height: 10px;
		background: #ffffff;
		vertical-align: center;
		/*border: 1px solid #000000;*/	
		}

/************************************************************************ PAGE ADMIN CALENDRIER ***************************************************************************************************************************/
.date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align:middle;
}


.jours {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
}

.tab_numero {
    background:url(img/icone.jpg);
    background-repeat:no-repeat;
    background-position:bottom right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    border-style:solid; 
    border-width:2px; 
    border-color:#000099;
    border-top:hidden;
}

.tab_cal {
    background:url(img/entete.jpg);
    background-repeat:no-repeat;
    border-style:solid; 
    border-width:2px; 
    border-color:#000099;
    border-bottom:hidden;
}

.reserve {
    background-color:#0099FF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#FFFFFF;
}

.descriptif {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-left:10px;
}

/**************************************************************** GESTION DES ACTUALITES *****************************************************************/
table.news-zoom{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
border: 2px solid #B17951;
}
	.tr-news-zoom-titre{
	width: 100%;
	height: 30px;
	/*background: #DBD4C9;*/
	/*border: 1px solid #000000;*/
	}
		.td-news-zoom-titre{
		width: 100%;
		height: 30px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		
	.tr-news-zoom-contenu{
	width: 100%;
	height: 150px;
	/*background: #DBD4C9;*/
	/*border: 1px solid #000000;*/
	}
		.td-news-zoom-contenu{
		width: 100%;
		height: 150px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}	

	.tr-news-zoom-img{
	width: 100%;
	height: 100px;
	/*background: #DBD4C9;*/
	/*border: 1px solid #000000;*/
	}		
		.td-news-zoom-img{
		width: 100%;
		height: 100px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}


table.news{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-news{
	width: 100%;
	height: 100px;
	background: #DBD4C9;
	/*border: 1px solid #000000;*/
	}
		.td-news-img{
		height: 100px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		
		.td-news{
		height: 100px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		
		table.news-contenu{
		width: 100%;
		margin: 0 auto;
		/*border: 1px solid #000000;*/
		}		
		
			.tr-news-titre{
			height: 20px;
			/*border: 1px solid #000000;*/
			}
				.td-news-titre{
				font-weight: bolder;
				height: 20px;
				/*vertical-align: center;
				text-align: center;
				border: 1px solid #000000;*/
				}
			.tr-news-date{
			height: 20px;
			/*border: 1px solid #000000;*/
			}
				.td-news-date{
				font-size: 0.8em;
				height: 20px;
				font-style: italic;
				text-align: left;
				vertical-align: center;
				/*border: 1px solid #000000;*/
				}
			.tr-news-contenu{
			height: 40px;
			/*border: 1px solid #000000;*/
			}
				.td-news-contenu{
				height: 40px;
				vertical-align: center;
				text-align: justify;
				/*border: 1px solid #000000;	*/
				}
			.tr-news-button{
			height: 20px;
			/*border: 1px solid #000000;*/
			}
				.td-news-button{
				height: 20px;
				vertical-align: center;
				text-align: right;
				/*border: 1px solid #000000;*/	
				}
	.tr-blanc{
	width: 100%;
	height: 20px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-blanc{
		width: 100%;
		height: 20px;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}	
	.tr-marron{
	width: 100%;
	height: 2px;
	background: #B17951;
	/*border: 1px solid #000000;*/
	}
		.td-marron{
		width: 100%;
		height: 2px;
		background: #B17951;
		/*border: 1px solid #000000;*/
		}
/**************************************************************** GESTION MODIF CARTE *****************************************************************/
table.modif_carte{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-modif_carte{
	width: 100%;
	/*background: #DBD4C9;*/
	/*border: 1px solid #000000;*/
	}
		.td-modif_carte_img{
		width: 50%;
		height: 400px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		.td-modif_carte_txt{
		width: 50%;
		height: 400px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		.td-modif_bouton{
		width: 100%;
		height: 50px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}		
		
		/**************************************************************** GESTION DE L'HISTORIQUE *****************************************************************/
table.hist{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
align-items: center;
}		
	.tr-hist{
	width: 90%;
	align-items: center;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}		
		.td-date{
		width: 15%;
		align-items: left;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}
		.td-hist{
		width: 85%;
		align-items: left;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}
				
		/**************************************************************** GESTION DE L'ORGANIGRAMME *****************************************************************/
table.orga{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-orga{
	width: 100%;
	height: 50px;
	background: #DBD4C9;
	/*border: 1px solid #000000;*/
	}
		.td-orga-img{
		width: 20%;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		
		.td-orga-blanc{
		width: 10%;
		vertical-align: center;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}

		.td-orga-img-light{
		width: 20%;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
			
		.td-orga-blanc-light{
		width: 3%;
		vertical-align: center;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}
		
		.td-orga-fonction{
		width: 20%;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		.td-orga-nom{
		width: 20%;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		
	.tr-blanc-orga{
	width: 100%;
	height: 10px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-blanc-orga{
		width: 100%;
		height: 10px;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}	
	.tr-marron-orga{
	width: 100%;
	height: 2px;
	background: #B17951;
	/*border: 1px solid #000000;*/
	}
		.td-marron-orga{
		width: 100%;
		height: 2px;
		background: #B17951;
		/*border: 1px solid #000000;*/
		}


		/**************************************************************** GESTION DES ALBUMS *****************************************************************/
table.album{
width: 90%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-album{
	width: 100%;
	height: 100px;
	background: #DBD4C9;
	/*border: 1px solid #000000;*/
	}
		.td-album-img{
		width: 15%;
		height: 100px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}		
		.td-album-text{
		width: 10%;
		height: 100px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		
	.tr-blanc-album{
	width: 100%;
	height: 10px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-blanc-album{
		width: 100%;
		height: 10px;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}	
	.tr-marron-album{
	width: 100%;
	height: 2px;
	background: #B17951;
	/*border: 1px solid #000000;*/
	}
		.td-marron-album{
		width: 100%;
		height: 2px;
		background: #B17951;
		/*border: 1px solid #000000;*/
		}


/************************************************************************** GALERIE *************************************************************/
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:photo/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/**************************************************************** GESTION DE LA BOUTIQUE *****************************************************************/
table.boutique{
width: 95%;
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-boutique{
	width: 100%;
	height: 50px;
	background: #DBD4C9;
	/*border: 1px solid #000000;*/
	}
		.td-boutique-img{
		width: 10%;
		height: 50px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		
		.td-boutique-contenu{
		width: 20%;
		height: 50px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		.td-boutique-annee{
		width: 10%;
		height: 50px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		.td-boutique-prix{
		width: 10%;
		height: 50px;
		vertical-align: center;
		/*background: #ffffff;*/
		/*border: 1px solid #000000;*/
		}
		.td-boutique-qte{
		width: 5%;
		height: 50px;
		vertical-align: center;
		/*background: #ffffff;*/
		/*border: 1px solid #000000;*/
		}
		.td-boutique-prix-epuise{
		width: 10%;
		height: 50px;
		vertical-align: center;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}
		.td-boutique-qte-epuise{
		width: 5%;
		height: 50px;
		vertical-align: center;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}
		
	.tr-boutique-blanc{
	width: 100%;
	height: 2px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-boutique-blanc{
		width: 100%;
		height: 2px;
		background: #ffffff;
		/*border: 1px solid #000000;*/
		}	
	.tr-boutique-marron{
	width: 100%;
	height: 2px;
	background: #B17951;
	/*border: 1px solid #000000;*/
	}
		.td-boutique-marron{
		width: 100%;
		height: 2px;
		background: #B17951;
		/*border: 1px solid #000000;*/
		}
		
/**************************************************************** GESTION DES GUERRES *****************************************************************/
table.guerre{
margin: 0 auto;
/*border: 1px solid #000000;*/
background: #ffffff;
}
	.tr-guerre{	
	height: 50px;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}
		.td-guerre{
		height: 50px;
		vertical-align: center;
		/*border: 1px solid #000000;*/
		}
		
/**************************************************************** GESTION CARTE MEMBRE *****************************************************************/
table.carte-membre-recto{
margin: 0 auto;
width: 60%;
border-spacing: 10px;
/*border: 1px solid #000000;*/
background: #0051A0;
}
	.tr-carte-membre-recto{	
	width: 100%;
	height: 200px;
	background: #0051A0;
	border: 1px solid #000000;
	}
		.td-carte-membre-recto{
		width: 50%;
		height: 200px;
		vertical-align: center;
		background: #0051A0;
		font-weight: bold;
		font-size: 1.5em;
		/*border: 1px solid #000000;*/
		}

table.carte-membre-verso{
margin: 0 auto;
width: 60%;
border-collapse: collapse;
border: 10px solid #E3001B;
}	
	.tr-carte-membre-verso{	
	width: 100%;
	height: 20px;
	background: #FFFFFF;
	/*border: 1px solid #000000;*/
	}
		.td-carte-membre-verso{
		width: 50%;
		height: 20px;
		vertical-align: center;
		text-align: left;
		background: #FFFFFF;
		/*border: 1px solid #000000;*/
		}
	.tr-carte-membre-verso-signature{	
	width: 100%;
	height: 60px;
	background: #FFFFFF;
	/*border: 1px solid #000000;*/
	}
		.td-carte-membre-verso-signature{
		width: 50%;
		height: 60px;
		vertical-align: center;
		text-align: left;
		background: #FFFFFF;
		/*border: 1px solid #000000;*/
		}
		
table.carte-membre-annee{
margin: 0 auto;
width: 60%;
border-collapse: collapse;
border: 10px solid #0051A0;
/*border: 1px solid #000000;*/
}
	.tr-carte-membre-annee{	
	width: 100%;
	height: 200px;
	background: #0051A0;
	/*border: 1px solid #000000;*/
	}
		.td-carte-membre-annee{
		width: 50%;
		height: 200px;
		vertical-align: center;
		font-weight: bold;		
		font-size: 1.5em;
		background: #88AADD;
		/*border: 1px solid #000000;*/
		}
		
table.carte-membre-fin{
margin: 0 auto;
width: 60%;
border-collapse: collapse;
border: 10px solid #E3001B;
/*border: 1px solid #000000;*/
}
	.tr-carte-membre-fin-haut{	
	width: 100%;
	height: 140px;
	background: #E3001B;
	/*border: 1px solid #000000;*/
	}
		.td-carte-membre-fin-texte{
		width: 50%;
		height: 140px;
		vertical-align: center;
		text-align: left;
		background: #E3001B;
		/*border: 1px solid #000000;*/
		}
		.td-carte-membre-fin-logo{
		width: 50%;
		height: 140px;
		vertical-align: center;
		text-align: center;
		background: #E3001B;
		/*border: 1px solid #000000;*/
		}
	.tr-carte-membre-fin-bas{	
	width: 100%;
	height: 60px;
	background: #E3001B;
	/*border: 1px solid #000000;*/
	}
		.td-carte-membre-fin-bas{
		height: 60px;
		vertical-align: center;
		background: #E3001B;
		font-weight: bold;
		text-align: left;
		/*border: 1px solid #000000;*/
		}
		
		/**************************************************************** GESTION PHILATELIE *****************************************************************/
table.philatelie{
width: 90%;
margin: 0 auto;
height: 300px;
/*border: 1px solid #000000;*/
background: #ffffff;
align-items: center;
}		
	.tr-philatelie{
	width: 100%;
	height: 100px;
	align-items: center;
	background: #ffffff;
	/*border: 1px solid #000000;*/
	}	
		.td-philatelie-image{
		width: 25%;
		height: 100px;
		align-items: center;
		/*border: 1px solid #000000;*/
		}	
		
				/**************************************************************** GESTION ITEM PHILATELIE *****************************************************************/
table.item{
width: 90%;
margin: 0 auto;
/*height: 100px;*/
/*border: 1px solid #000000;*/
background: #ffffff;
align-items: center;
}		
	.tr-item-titre{
	width: 100%;
	height: 20px;
	align-items: center;
	background: #DBD4C9;
	/*border: 1px solid #000000;*/
	}	
		.td-item-annee{
		width: 10%;
		height: 20px;
		align-items: left;
		vertical-align: center;
		background: #DBD4C9;		
		border: 1px solid #000000;
		}	
		.td-item-titre{
		width: 90%;
		height: 20px;
		align-items: center;
		background: #DBD4C9;
		/*border: 1px solid #000000;*/
		}
	.tr-item-contenu{
	width: 100%;
	height: 50px;
	align-items: center;
	background: #DBD4C9;
	/*border: 1px solid #000000;*/
	}	
		.td-item-contenu{
		width: 100%;
		height: 50px;
		align-items: center;
		background: #DBD4C9;
		/*border: 1px solid #000000;*/
		}		
	.tr-item-image{
	width: 100%;
	height: 50px;
	align-items: center;
	background: #DBD4C9;
	/*border: 1px solid #000000;*/
	}
		.td-item-image{
		width: 100%;
		height: 50px;
		align-items: center;
		background: #DBD4C9;
		/*border: 1px solid #000000;*/
		}


		
		
		


/* Add a pointer when hovering over the thumbnail images */
.cursor-item {
  cursor: pointer;
}

/* Next & previous buttons */
.prev-item {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 0;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: red;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
.next-item {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: red;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next-item {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev-item:hover,
.next-item:hover {
  background-color: rgba(0, 0, 0, 0.8);
}


.row:after {
  content: "";
  display: table;
  clear: both;
}


/* Add a transparency effect for thumnbail images */
.demo-item {
  opacity: 0.6;
}

.active,
.demo-item:hover {
  opacity: 1;
}