html { 
 margin:0;
  padding:0;
  background: url(images/fond.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}
body
{
	
	margin: 0 auto;
	height: 100%;
	width: 90%;
	margin-left: 20px;
}

h1
{
	width: 100%;
	font-family: "Comic Sans MS", Arial, Times, sans-serif;
	color: #FFFFFF;
	height: 80px;
	/*padding: 10px;*/
}
a
{
	color: #FFFFFF;
	
}

#ban
{
width: 80%;  
height: 80px;
}

#picture {
		float: left;
		width: 320px;
	}
#Puces {
		float: left;
		width: 40px;
	}


/* --- Menu --- */

#Menu
{
	border: 1px solid black;
	float: left;
	margin-right: 0px;
	background-color: #fce5c3;
	margin-left: 0px;
	margin-top:300px;
}

#Menu h3
{
	text-align: center;
	margin: 5px 0 10px 0;
}

#Menu ul
{
	padding: 0 0px 0 0px;
}

/* --- Contenu --- */

#contenu
{
color: #FFFFFF;
margin-top:300px;
margin-left:280px;
text-align: center;

	
}

#contenu p
{

text-align: center;
}
#contenu h2
{
	margin: 0px 0px 10px 90px;
	text-align: center;

}


#contenu video
{
	margin: 0px 0px 10px 100px;
}
#contenu h5
{
	margin: 20px 0 10px 650px;
}
#contenu h1
{
	/*margin: 0px 0 0px 310px;*/
	text-align: center;
}

#contenu table {
margin-left:40px;
border-collapse: collapse;
//table-layout: fixed;
}

#contenu th, td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}
/* --- animation menu --- */
#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 280px;
  float:left;
  margin-right:0px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#3B0B0B; 
/*background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);*/
   /*border-radius: 6px;*/
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #61210B;/*ok*/
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff; /*ok*/
  padding: 8px 0;
  font-family: verdana;
  font-size:1em;
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:0.7em;
}
#menu-accordeon li:hover {
   background: #3B170B;/*ok*/
}
#menu-accordeon li li:hover {
   background: #2A0A0A;/*ok*/
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}


#img
{	
	background-image:url("images/fond-bg");
	margin-top :5px;
	margin-left: 50px; 
	margin-bottom: 5px; 
	padding: 5px; 
	width:100%;
}


#tab_membre{
margin-left:0px;
border-width : 5px; 
border-color : black;
border-style : solid;
margin-bottom:-2px
}

#tab_news{
margin-left:0px;
border-width : 5px; 
border-color : black;
border-style : solid;
margin-bottom:-2px
}

#tab_photos{
margin-left:0px;
border-width : 5px; 
border-color : black;
border-style : solid;
margin-bottom:-2px
}

#tab_videos{
margin-left:0px;
border-width : 5px; 
border-color : black;
border-style : solid;
margin-bottom:-2px
}