body {
width:600px;
height:1200px;
background-color: #E9E9E9;
font-family: "Times New Roman";
font-size: 1em;
margin-left : 40px;}
 
#im_if {margin-left: 160px;}

#plus{display: none;}

h1 {
	color: #FF000080;
	}
 
h2 {
	color: #4682b4;
	}
	
h3 {
	color: #4682b4;
	}
h4 {
	color: #FF000090;
	}
	
#defi1{margin-left:20px;}
#defi2{margin-left:20px;}
#defi3{margin-left:20px;}

#contenant{
 width :800px;
 float:left;
 margin-left:15vh;
 margin-top: 0;
 }

#block0{
 width :100%;
 float:left;
 margin-left:0;
 margin-top: 0;
 }
 
 #par1{
 border-left: 3px solid #5c8fbb;
 width :100%;
 float:left;
 margin-left:0;
 margin-top: 0;
 }
 
 #par2{
 width :100%;
 float:left;
 margin-left:0;
 margin-top: 0;
 margin-bottom: 20px;
 }
 
 .par{
 border-left: 3px solid #5c8fbb;
 width :650px;
 float:left;
 margin-left:20px;
 margin-right:150px;
 margin-bottom: 30px ;
 padding-left: 10px;
 }
 
 .block{
 width :100%;
 float:left;
 margin-left:0;
 margin-top: 20px;
 margin-bottom: 40px;
 }
 
 .gauche{
 border-left: 3px solid #5c8fbb;
 width :65%;
 float:left;
 padding-left:20px;
 margin-right:5%;
 margin-top: 10px;
 margin-bottom: 10px;
 }
 
 .droite{
 width :25%;
 float:left;
 margin-left:0;
 margin-top: 20px;
 margin-bottom: 20px;
 }
 
 .g{
 border-left: 3px solid #5c8fbb;
 width :25%;
 float:left;
 padding-left:20px;
 margin-right:5%;
 margin-top: 10px;
 margin-bottom: 10px;
 }
 
 .d{
 width :60%;
 float:left;
 margin-left:0;
 margin-top: 20px;
 margin-bottom: 20px;
 }
 
 .affi{
 width :40%;
 float:left;
 margin-left:15%;
 margin-top: 0.3%;
 }
	
#p0{
 width :40%;
 float:left;
 margin-left:0;
 margin-top: 0;
 }
 
 #a0{
 width :100%;
 float:left;
 margin-left:0;
 margin-top: 5px;
 }
 
 #block1{
 width :100%;
 float:left;
 margin-left:0;
 margin-top: 0;
 margin-bottom: 20px;
 }
 
 #block2{
 width :100%;
 float:left;
 margin-left:0;
 margin-top: 0;
 margin-bottom: 20px;
 }
 
 #block3{
 width :100%;
 float:left;
 margin-left:0;
 margin-top: 0;
 margin-bottom: 20px;
 }
	
#p1{
 width :30%;
 float:left;
 margin-left:0;
 margin-top: 0;
 }
 
 #p2{
 width :30%;
 float:left;
 margin-left:0;
 margin-top: 0;
 }
 
 #p3{
 width :40%;
 float:left;
 margin-left:0;
 margin-top: 0;
 }
 
 #a1{
 width :30%;
 float:left;
 margin-left:33%;
 margin-top: 10px;
 }
 
 #a2{
 width :30%;
 float:left;
 margin-left:8%;
 margin-top: 5px;
 }
 
 #a3{
 width :40%;
 float:left;
 margin-left:15%;
 margin-top: 5px;
 }
 
 #a6{
 width :40%;
 float:left;
 margin-left:15%;
 margin-top: 5px;
 }
 
 #fig2{
 float:left;
 margin-left:15%;
 margin-top: 0;}
		
#D1{
 width :800px;
 float:left;
 margin-left:0;
 margin-top: 20px;
 display:block;
 font-family: "Times New Roman";
 }
 
 #D2{
 width :800px;
 float:left;
 margin-left:0;
 margin-top: 20px;
 display:block;
 }
 
 #canvas0{
 width :40%;
 }

#fig1{margin-left:130px;}
#carre_ligne_active {visibility: hidden;}
#rectangle_ligne_active {visibility: hidden;}
#texte2 {font-family: Times New Roman; font-size: 1.2em; visibility: visible; margin-left: 10px; color: #4682b4;}
#btraz {float: left; margin-left: 4%; margin-top: 10px;}
#v0, #v1, #v2, #v3, #v4, #v5, #v6{margin-top: 35vh; transform: translateY(-50%); background-color: #FFFFFF; padding: 10%; border: 2px solid darkorange; border-radius: 10px;}
#imsuite, #imretour {width:20%;}

.btc{
	background-color: #5c8fbb; 
	width : 100px;
	border: none;
	color: white;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin-bottom : 10px;
	margin-top : 10px;
}

.cent{width : 100%;}

.bt:hover {
  opacity: 0.6;
}

.CodeMirror {
	border: 1px solid #2e84ed;
	height: auto;
	margin-left: 0%;		
      }

#triangles{
	float: left;
    margin-left: 150px;
}