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

.code {
	width: 80%;
	min-height: 600px;	
	display: block;	
	margin-left: auto;
    margin-right: auto;    
    margin-bottom: 1em;
}

.img_grand {	
	width:60%;
	height:60%;	
	display: block;		
	margin-left: auto;
    margin-right: auto;
    transition: width 1s linear, height 1s linear;
    margin-top: 2em;
    margin-bottom: 2em;
}



.img_petit {	
	width:30%;
	height:30%;	
	display: block;		
	margin-left: auto;
    margin-right: auto;
    transition: width 1s linear, height 1s linear;
    margin-top: 2em;
    margin-bottom: 2em;
}


.img_moy {	
	width:50%;
	height:50%;	
	display: block;		
	margin-left: auto;
    margin-right: auto;
    transition: width 1s linear, height 1s linear;
    margin-top: 2em;
    margin-bottom: 2em;
}


.blue {
	color: blue
}

h5 {
	text-align: center;
	margin-top: 3em
}

.commande {
	font-weight: bold;
	font-size:1.1em
}

.commandeVS {
	color: blue;
	font-weight: bold;
	font-size: 1.1em
}

ul { 
 margin-left:3em; 
}

.desc {	
	width:70%;	
	margin-left: auto;
    margin-right: auto;
}

.matos {
	width:8%;
	height:8%;		
	margin: 0 auto;
	vertical-align: middle;
    transition: width 1s linear, height 1s linear;
}


@media screen and (max-width: 1000px) {

  .img_petit, .img_moy, .img_grand {
	width:80%;
	height:80%;	
	display: block;		
	margin-left: auto;
    margin-right: auto;
    transition: width 1s linear, height 1s linear;
    margin-top: 2em;
    margin-bottom: 2em;
  }  
  
  .matos {
	width:25%;
	height:25%;		
	margin: 0 auto;
	vertical-align: middle;
    transition: width 1s linear, height 1s linear;
  }
  
  ul { 
	 margin: 0; 
	}
  ul li { 
	 margin-left:1em; 
	}
}