*{
	margin: 0;
  padding: 0;
}
body{
  font-family: Verdana, sans-serif;
  width: 1300px;
  display: block;
  margin: auto;
}

div{
	text-align: center;
}
div#bandeau {
	width: 1300px;
	height: 250px;
	background-image: url("Image/Pano.jpg");
	font-family: 'Brush Sript MT', Georgia, Times, serif;
	font-size: 24px;
	color: white;
}
div#cadre {
  width: 1300px;
  height: 900px;
  background-color: #F9E79F;
  padding-top: 20px;
}
.button {
         background-color: teal;
         border: 3px solid white;
         border-radius: 10px;
         color: white;
         padding: 10px 25px;
         text-align: center;
         text-decoration: none;
         display: inline-block;
         font-size: 20px;
         margin: 4px 2px;
         cursor: pointer;
         }
div#contenu{
	float: left;
	width: 1100px;
	height: 700px;
	background-color: #FFCC00;
}
figure {
  width: 65%;
  text-align: center;
  font-style: italic;
  font-size: 16px;
  text-indent: 0;
  border: 3px solid black;
  margin: 0 auto;
  padding: 0.5em;
}
img.scaled {
  width: 100%;
}
div#blocnews {
  margin-top: -70px;
	float: right;
	width: 150px;
	padding: 20px;
	height: 0 auto;
	font-size: 16px;
	color: black;
  border: 1px solid black;
	
}
div#piedpage{
  margin:0;
	width: 1300px;
	height: 50px;
	background-color: #33FF99;
	clear: both;
}
div#menu {
	float: left;
	width: 200px;
	height: 700px;
  background-color: lightBlue;
}
#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 200px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#006666; 
   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:1em;
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em
}
#menu-accordeon li:hover {
   background: #006666;
}
#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;
}
div.affiche {
  transform: rotate(4deg);
  float: left;
  width: 320px;
  }
  div.desc {
  padding: 15px;
  text-align: center;
  }
.sec{
    margin: 0px 3%;
}
.left{
    margin-left: 60px;
    margin-top: 60px;
    padding: 0;
    float: left;
    width: 10%;
}
.milieu{
    float: left;
    margin-left:260px;
    margin-top: 80px;
}
 #actualites{
    border-top: 5px solid #f1dc4f;
    background-color: rgba(241, 211, 79, 0.15);
}

.center{
    background-color: black;
    float:right;
    width:20%;
    height: auto;
    margin-right: 40%;
    margin-top: 10px;
    border: 4px solid #4c8;
    border-radius: 15px;
    padding:10px;
    color:white;
    text-align:center;
 }