/*---------------*/
/*					  */
/*CSS Mami Wata  */
/*					  */
/*---------------*/

body
{
	font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	color:white;
	background-color: #993300;
}

#garde
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 820px;
	height: 410px;
	margin-top: -210px;
	margin-left: -410px;
	background: #333333;
	/*border: solid 1px #FF9A00;*/
}

.bord
{
	border: 0px none;
	position: absolute;
}

#bloc_site
{
	width: 820px; 
	/*centrer la zone principale*/
	position: absolute;
	/*pour firefox*/
	clear:both;
	left: 50%;
	margin-left: -410px;
}

#header
{
	background-image: url('../images/bandeau.jpg');
	height: 140px;
	width: 820px;
}

#entete
{
	margin-top:3px;
	height: 45px;
	width: 820px;
	background-image: url('../images/fond_entete.jpg');
}

#localisation
{
	float:left;
	height:40px;
	width:150px;
	font-size:11px;
	padding-left:3px;
	color: black;
	font-weight:bold;

}
/*menu haut position - taille*/
#menu_haut
{	
	width:660px;
	height:37px;
	float:right;
	font-size:11px;
	padding-top:3px;
}

#menu_haut ul
{
	vertical-align:middle;
	float: left;
	padding-left:10px;
}

#menu_haut li
{
	vertical-align:middle;
	list-style:none;
	float: left;
	text-align: center;
	font-size:11px;
	width: 80px;
	padding-left: 1px;
}

#menu_haut li a:link, #menu_haut li a:visited 
{
 	vertical-align:middle;
	display: block;
 	color: #FF9A00;
 	background: #000000;
 	margin: 1px;
 	padding: 3px 6px;
 	border: 1px solid #fff;
 	text-decoration: none;
}
#menu_haut li a:hover 
{ 
vertical-align:middle;
background-color: #993300; 
}
#principal
{
	width:820px;
	background-color:#000000;
}

#evenement
{
	float:left;
	
}	
.titre1
{
	color:#CC3300;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
}
.titre3
{
	color: #565656;
	font-weight: bold;
	font-size: 14px;
	margin-left: 20px;	
}
#contenu
{
	width:640px;
	float:right;
	background-color:#000000;
}

#contenu a:link
{
color:gray;
}

#contenu a:hover
{
color:white;
}

#contenu a:visited
{
color:gray;
}
/*position du menu à gauche*/
#menu 
{
	margin-left: 3px;
	width:160px;
	float:left;
	background-color: #000000;

}

/*Menu Membre*/
#membre h2
{
	border-bottom:3px solid #ff6600;
	font-size:medium;
	font-weight:700;
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
		color:white;
}

#membre h2:first-letter
{
	color: #ff6600;
	background-color: transparent;
}

#membre ul
{
	margin-bottom:1.5em;
	margin-top:0.5em;
}

#membre li
{
	display:inline;
	list-style:none;
}

#membre a
{
	color:Black;
	background-color:transparent;
	display:block;
	margin-left:-3.5em;
	font-weight:600;
	padding-left:0.5em;
	text-decoration:none;
		color:white;
}

#membre a:link 
{
	color: Gray;
}

#membre a:hover
{
	background-color: #000000;
	color: white;
}

#membre a:visited
{
	color: #565656;
}
/*Menu Groupe*/
#groupe h2
{
	border-bottom:3px solid #996633;
	font-size:medium;
	font-weight:700;
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
		color:white;
}

#groupe h2:first-letter
{
	color: #996633;
	background-color: transparent;
}

#groupe ul
{
	margin-bottom:1.5em;
	margin-top:0.5em;
}

#groupe li
{
	display:inline;
	list-style:none;
}

#groupe a
{
	color:Black;
	background-color:transparent;
	display:block;
	margin-left:-3.5em;
	font-weight:600;
	padding-left:0.5em;
	text-decoration:none;
		color:white;
}

#groupe a:link 
{
	color: gray;
}

#groupe a:hover
{
	background-color: #996633;
	color: white;
}

#groupe a:visited
{
	color: #565656;
}

/*Menu Association*/
#association h2
{
	border-bottom:3px solid #cc6600;
	font-size:medium;
	font-weight:700;
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
		color:white;
}

#association h2:first-letter
{
	color:#cc6600;
	background-color:transparent;
}

#association ul
{
	margin-bottom:1.5em;
	margin-top:0.5em;
}

#association li
{
	display:inline;
	list-style:none;
}

#association a
{
	color:Black;
	background-color:transparent;
	display:block;
	margin-left:-3.5em;
	font-weight:600;
	padding-left:0.5em;
	text-decoration:none;
		color:white;
}

#association a:link 
{
	color: gray;
}

#association a:hover
{
	background-color: #cc6600;
	color: white;
}

#association a:visited
{
	color: #565656;
}

/*Menu Galerie*/
#galerie h2
{
	border-bottom:3px solid #CC3300;
	font-size:medium;
	font-weight:700;
	margin:0;
	padding-left:0em;
	text-transform:uppercase;
		color:white;
}

#galerie h2:first-letter
{
	color: #CC3300;
	background-color:transparent;
}

#galerie ul
{
	margin-bottom:1.5em;
	margin-top:0.5em;
}

#galerie li
{
	display:inline;
	list-style:none;
}

#galerie a
{
	color:Black;
	background-color:transparent;
	display:block;
	margin-left:-3.5em;
	font-weight:600;
	padding-left:0.5em;
	text-decoration:none;
		color:white;
}

#galerie a:link 
{
	color: gray;
}

#galerie a:hover
{
	background-color: #CC3300;
	color: white;
}

#galerie a:visited
{
	color: #565656;
}

#footer
{
	clear:both;
	height: 40px;
	width: 820px;
	background-image: url('../images/fond_footer.jpg');
}

h1
{
	color:#CC3300;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
}


h2
{
	color: #FF9A00;
	font-weight: bold;
	font-size: 16px;
	margin-left: 20px;
}

h2 a:link
{
	color:#CC3300;
}

h2 a:hover
{
	color:#565656;
}
h3
{
	color: #565656;
	font-weight: bold;
	font-size: 14px;
	margin-left: 20px;	
}
h3 a:link
{
	color: white;
}

h3 a:hover
{
	color: gray;
}

#liens
{
	color: #CC3300;
	font-size: 16px;
	font-weight: bold;
	padding-left:50px;
}

#liens a:link
{
color:white;
font-weight: bold;
}

#liens a:hover
{
color:gray;
font-weight: bold;
}

#liens a:visited
{
color:white;
font-weight: bold;
}


#decal
{
	padding-left:15px;
}

#petit_gras
{
	font-size:10px;
	color:white;
	font-weight:bold;
	font-style: italic;
	padding-left:50px;
}

#petit_gras a:link
{
	color:gray;
}

#petit_gras a:link
{
	color:white;
}

li
{
	list-style: none;
}

#titre2
{
	color: #565656;
	font-weight: bold;
	font-size: 16px;
}

#titre2 a:hover
{
	color: #CC3300;
	font-weight: bold;
}
a
{
	color: black;
	text-decoration: none;
}


.plan
{
	margin-left:20px;
}
.plan a
{
	color: #565656;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.plan li, .plan ul
{	
	color: #565656;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	list-style: none;
}

.liens a
{	
	color: #CC3300;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	list-style: none;
}
#tableau
{
	font-family:Trebuchet MS,Geneva,Helvetica,sans-serif;
	font-size:12px;
}

#tableau_musiciens td
{
	font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	padding-left: 5%;
}

#tableau_danseuses td
{
	font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	padding-left: 30px;
}

#up_btn
{
	border: none;
	float: right;
	margin-right:5px;
}

input, textarea
{
	border:1px solid black;	
}

.milieu
{
 text-align: center;
}

.image
{
 text-align: center;
}
.image img
{
 border: 1px solid black;
}

.dynamique
{
	margin-left: 20px; 
	margin-right: 10px; 
	margin-bottom:10px;
	font-size: 12px;
	font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
}

.dynamique a:link
{
color:white;
font-weight: bold;
}

.dynamique a:visited
{
color:white;
font-weight: bold;
}

.dynamique a:hover
{
color:gray;
font-weight: bold;
}


.titre
{
	color: #FF9A00;
	font-weight: bold;
	font-size: 18px;
	margin-left: 20px;
}

.affiche
{
	margin-left:25px;
	/*border: 1px solid black;*/
}

.lienimage img
{
	border: 1px solid black;
}

 /*galerie photo*/
.centre
{
 float:left;
 width: 640px;
 height: 480px;
 padding:0;
}

.photogd
{
 height:300px;
 text-align: center;
 margin-top: 20px;
 margin-right:20px;
}
/*pour firefox*/
.photogd #big_pict
{
  height:300px;
  text-align: center;
  margin-top: 20px;
  margin-right:20px;
}

.photogd img
{
	border: 1px solid black;
}

#galerie_mini
{
	float:left;
	width:620px; 
	height:125px;
	overflow: auto; 
	overflow-y:hidden;
}

#galerie_mini img
{
	border: 1px solid black;
}

#mess, #mess a
 {
  font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
  color:#CC3300;
  font-weight:bold;
  font-size:18px;
  text-decoration:blink;
  margin-left: 20px;
}

#mess a:hover
 {
  font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
  color:#FF9A00;
  font-weight:bold;
  font-size:18px;
  text-decoration:blink;
  margin-left: 20px;
 }

 .livre
{
	float: left;
	margin-left: 10px; 
	margin-right: 10px; 
	margin-bottom:10px;
	font-size: 12px;
	font-family: Trebuchet MS,Verdana,Geneva,Helvetica,sans-serif;
}

.livredor
{
	background-color: #993300;
	border: 1px solid #999999;
	margin-left: 20px; 
	margin-right: 20px; 
	margin-bottom:10px;
	font-size: 12px;
	font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
}

.titre_livre
{
	color: #FF9A00;
	font-weight: bold;
	font-size: 18px;
	margin-left: 20px;
}

.police14
{
	margin-left: 20px; 
	margin-right: 10px; 
	margin-bottom:10px;
	font-size: 14px;
	font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
}

.bold
{
	margin-left: 20px; 
	margin-right: 20px; 
	margin-bottom:10px;
	font-size: 12px;
	font-family: Trebuchet MS,Geneva,Helvetica,sans-serif;
	font-weight : bold;
}