/**************************************************** GENERAL ************************************************/
*{ margin: 0; }
body{ font-family : verdana; font-size: 12px; }
a{ text-decoration: none; color: #000; }
.conteneur{ margin: 0 auto; max-width: 1170px; }
/**************************************************** HAUT ************************************************/

header { background:  #c2b7ad; padding: 5px; text-align: center;border-radius: 5px 10px 0 5px; }
header  span{ color:  #463f32; font-weight: bold; margin-right: 5%;font-size: 30px;}
header  nav{ display: inline; }
header  a{ color: #FF000; text-decoration: none; padding: 5px 5px;font-size: 30px; }
header  nav  a:hover{ background:  #04baf6; }
/**************************************************** MILIEU ************************************************/
section{ 
 background-image : url('/newsite/inc/images/fond.gif');background-repeat: no-repeat; /* Empêche la répétition de l'image */
  background-size: cover; /* Remplit l'écran sans répétition */ ;   padding: 20px; min-height: 850px; 

  } 
/* ex ligne div avec fond gif***************  
 //.a{ background-image : url('/photokick/inc/images/fond.gif');background-repeat: no-repeat; height: 600px; width: 800px;margin:10px;float:left;<strong> color: grey;text-align: center;overflow: auto;border-radius: 5px 10px 0 5px;}
//.b{ background-image : url('/photokick/inc/images/fond.gif');background-repeat: no-repeat; height: 600px; width: 800px;margin:10px;float :left; color: grey;text-align: center;overflow: auto;border-radius: 5px 10px 0 5px;}
*******************************************/
.a{ border:5px solid #c0c0c0;height: 720px; width: 1200px;margin:10px;float :left; color: blue;text-align: center;overflow: auto;border-radius: 5px 10px 0 5px;}
.b{ border:5px solid #c0c0c0;height:550px; width: 800px;margin:10px;float :left; color: blue;text-align: center;overflow: auto;border-radius: 5px 10px 0 5px;}
.c{ border:5px solid #c0c0c0;height: 150px; width: 1770px;float:left; color: blue;text-align: center;overflow: auto;border-radius: 5px 10px 0 5px;}

 
 
/**************************************************** BAS ************************************************/
footer{ background: #000; color: white; text-align: center; padding: 20px 0;}
/**************************************************** GENERAL ************************************************/
.erreur{ background: #ff0000; padding: 5px; margin: 5px; }
.validation{ background: #669933; padding: 5px; margin: 5px; }
.cadre{ border: 1px solid #c0c0c0; width: 30%;}
.cadre  h2{ background: #c0c0c0; margin: 0; text-align: center; font-size: 15px; padding: 5px; }
.cadre  p{ padding: 10px; }
.centre{text-align: center;}
/**************************************************** DIVERS ************************************************/
table{ border-collapse: collapse;margin:10px; }
table tr td{
text-align: center;
}
td, th{ padding: 5px; }
/*****************************************Menu gauche ********************/
div#menugauche {
	margin:Opx;
	padding-left : 10px;
	float:left;
	width:130px;
	height:720px;
	background-color:#463f32;
	 border-radius: 5px 10px 0 5px;
	 color:  #FFFFFF
	}
	#lecteur {
  border: 1px solid black;
  width: 100%; /* takes precedence over the width set with the HTML width attribute */
}
#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 100px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#729EBF; 
   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: #444;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:1.2em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:2em
}
#menu-accordeon li:hover {
	background: #729EBF
}
#menu-accordeon li li:hover {
   background: #999;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}