body {
    font-family: Verdana, Georgia, sans-serif;
    font-size: 14px;
    color: darkgray;
    background-color: aliceblue;
    height: auto;
 
}

#lapage {
    background-color: white;
    position: relative;
    height:auto;   
}

#header {
    position:relative;
    height: 250px;
    
    margin:10px;
    padding-top: 5px;
    overflow:visible;
}

.header-img {
    float: right;
    margin: 10px;
    border: 1px solid gray;
    box-shadow: 5px 5px 5px gray; 
    margin-top: 5px;
}

#titre{
   
    text-align: center;
    color: blue;
}

#menu {
    float: left;
    width: 210px;
    border: 1px solid gray;
    box-shadow: 5px 5px 5px gray;
}

#section{
    padding: 20px;
  
}

#comnt{
    opacity: 1.0;
    
}

#valid {
    font-size: 7pt;
    color: darkgray;
    float: left;
    
}


    
 
    
}
#steps{
    width: 800px;
    height: 500px;
    padding: 10px;
    border: 1px solid gray;
    background-color: white;
    box-shadow: 5px 5px 5px gray;
    animation: pulse 10s infinite;      
}
@keyframes pulse {
  50% {
    background-color: gray;
  }
  100% {
    background-color:skyblue;
  }
}


#step1{
    float: left;
    width: 210px;
    height: auto;
    border: 1px solid gray;
    margin: 3px;
    padding: 5px;
}
#step2{
    float: left;
    width: 210px;
    height: auto;
    border: 1px solid gray;
    padding: 5px;
    margin: 3px;
}
#step3{
    float: left;
    width: 210px;
    height: auto;
    border: 1px solid gray;
    padding: 5px;
    margin: 3px;
    
}
#leanback-player-video{
    border: 1px solid gray;
}
.inactif {
    border: 2px solid gray;
    text-align: center;
    color:darkblue;
    margin: 10px;
    padding: 5px;
    background-color:lightsteelblue;
    box-shadow: 5px 5px 5px gray;
}
.com{
    color: black;
    font-size: 14pt;
    text-align: center;
    
}

.actif {
    border: 2px solid white;
    text-align: center;
    color:white;
    margin: 10px;
    padding: 5px;
    background-color: black;
    box-shadow: 5px 5px 5px gray;
}

.item {
	float: left;
	width: 150px;
	border: 1px solid #999;
	background-color: #F9F6D0;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 16px;
	margin-right: 20px;
	margin-bottom: 50px;
}

#container{
    height: 400px;
    
}



.p-entree {
	border: 1px solid #999;
	background-color: white;
	margin: 20px;
    padding:inherit;
    height: 350px;
    float: left;
    
   
      
    
}

.p-entreesortie {
   
	border: 1px solid #999;
	background-color: white;
	margin: 20px;
    padding:inherit;
    height: 350px;
    float: left;
     
    
  
    
    
    
}

.p-sortie {
   
	border: 1px solid #999;
	background-color: white;
	margin: 20px;
    padding:inherit;
    height: 350px;
    float: left;
    
    

}
    
    


h4{
    color: darkblue;
    height: 40px;
    width:auto;
    padding:auro;
    margin-top: 5px;
    background-color: cornsilk;
    
    text-align: center;
    text-align-last: center;
    border: 1px solid gray;
    ;
       
    
}

a {
    color:blue;
    
}

.droite {
    float: right;
    margin-right: 10px;   
}

li {
    margin: 5px;
}

#section,p{
    text-align: justify;
    
}

.en_cours {
    text-align: center;
}

<!-- autre style -->


img{
			border: 1px dashed #B8B8B8;
			padding: 10px;
           
		}
		
		
		img:hover{
			background-color: #FFFF66;
		}
		
		#img-display{
            object-position: center;
            

		}
		
		#text-display
		{
			padding: 10px;
			border-top: 1px dashed #B8B8B8;
			border-bottom: 1px dashed #B8B8B8;
			text-align: center;
			font-size: 20px;
            color: red;
            background-color: white;
		}
		
		.blue
		{
			color: blue;
			font-weight: bold;
		}