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

h1 {
	text-align: center;	
}

table, th, td {
	border: 1px solid black;
	margin-left: 5%;
}

.element {
	width: 40%;
	justify-content: center;
}

.element2 {
	width: 30%;
	justify-content: center;
}

.element3 {
	width: 15%;
	justify-content: center;
}

.img1 {
	float: left;
  }

.img_fixe_G {
	width: 90%;
	margin-left: auto;
    margin-right: auto; 
}

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

.code_petit{
	width: 60%;
	min-height: 400px;	
	display: block;	
	margin-left: auto;
    margin-right: auto;    
    margin-bottom: 1em;
}

.vid {
	margin-left: 40%;
}

ul, ol { 
 margin-left:3em; 
}

@media screen and (max-width: 1000px) {
	html, body {
		width: 100%
		margin: 0; 
	}
	table {
		width: 98%;
		margin: 0; 
	}
	table, th, td, img, p, div {
		margin: 0;
	}
  .conteneur {
		flex-direction: column; 
		width: 98%;
		margin: 0; 
	}
   .element, .element2, .element3 {
	width:100%;
	margin: 0; 
   }	
  .code, .code_petit {
	width: 96%;
	margin: 0; 
  }
  ul, ol, li { 
	 margin: 0; 
	}
}