html { 
 margin:0;
  padding:0;
  background: url(images/fond.jpg) repeat;  
 
  -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%;

	/* pour l'esthétique */
	font-family: "Comic Sans MS", Arial, Times, sans-serif;
	color: #FFFFFF;
	height: 80px;
}
a
{
	color: #FFFFFF;
	
}

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

	
#pictureR {
		float: right;
		width: 320px;
		margin-left:50px;
	}
#Puces {
		float: left;
		width: 40px;
	}


#FFK
{
	margin-top:10px;
	text-align: right;

	
}

/* --- Menu --- */

#Menu
{
	margin-right: 20px;
	background-color: #fce5c3;
	margin-top:150px;
}

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

#Menu ul
{
	padding: 0 10px 0 30px;
}
/* diapo */

#diapo
{
	border: 1px solid black;
	float: left;
	margin-right: 20px;
	background-color: #fce5c3;
	margin-left: 30px;
	margin-top:00px;
}


/* --- Contenu --- */

#contenu
{
color: #FFFFFF;
min-width: 750px;
margin-top:-70px;
margin-left:300px;
margin-right: 0px;
border-radius:10px; 
/* Les préfixes "-webkit-" et "-moz-" permet de faire comprendre à certains navigateurs qui ne savent pas interpréter la commandes "border-radius" qu'il faut justement arrondir les angles. */
-webkit-border-radius:10px;
-moz-border-radius:10px;
	
}

#contenu h2
{
	margin: 0px 0px 0px 0px;
}



#contenu h5
{
	margin: 20px 0 10px 650px;
}
#contenu h1
{
	text-align: center;
}

/* --- Pied de page --- */

#pied_de_page
{
	color: #FFFFFF;
	background-image:url("images/fond-bg.jpg");
	text-align: center;
	min-width: auto;
	max-width:auto;
	margin-right:20%;
	margin-left:40%;
	margin-top:15px;
	border-radius:10px; 
/* Les préfixes "-webkit-" et "-moz-" permet de faire comprendre à certains navigateurs qui ne savent pas interpréter la commandes "border-radius" qu'il faut justement arrondir les angles. */
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

#ref
{
	display : none;
	
}

#cpt
{
	font-size:2em;
	margin-left:40px;
	color: #FFFFFF;
	margin-top:180px;
	border-radius:10px; 
/* Les préfixes "-webkit-" et "-moz-" permet de faire comprendre à certains navigateurs qui ne savent pas interpréter la commandes "border-radius" qu'il faut justement arrondir les angles. */
-webkit-border-radius:10px;
-moz-border-radius:10px;

    
	
}

/* --- animation menu --- */
#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 220px;
  float:left;
  margin-right:10px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 220px;
}
#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%;
}




td { 
text-align: center;
}


form .hidden-captcha {
    display: none;
}