@import "../../commun.css";

#script {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 140px;
}
#script ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#script li {
   background-color:#A7FFAD; 
   background-image: linear-gradient(to bottom, #A7FFAD 0%, #4A9545 100%);
   border-radius: 6px;
   margin-bottom:10%;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #4A9545
}
#script li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0
}
#script a {
  display:block;
  text-decoration: none;
  color: black;
  padding: 8px 0;
  font-family: verdana;
  font-size:1.2em
}
#script ul li a, #script li:hover li a {
  font-size:1em;
  color:white;
}
#script li:hover {
   background: #A7FFAD
}
#script li li:hover {
   background: #999;
}
#script ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#script li:hover li {
  max-height: 15em;
}

.codepetit {
	width:40%;
	height:300px;
	margin-left:5%;	
}

.code {
	width:80%;
	height:400px;
	margin-left:2%;	
}

.codegrand {
	width:95%;
	height:600px;
	margin-left:1%;	
}