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


#def_variable {width : 50%; float: left; margin-top: 0px;}
#im_variable {width : 42%; float: left; margin-top: 0px;}


h1 {
	color: #FF000080;
	}
 
h2 {
	color: #4682b4;
	}
	
h3 {
	color: #4682b4;
	}
h4 {
	color: #FF000090;
	
	}
	

 .par{
 border-left: 3px solid #5c8fbb;
 width :100%;
 float:left;
 margin-left:20px;
 margin-bottom: 30px ;
 padding-left: 10px;
 }
 
 .cent{
 width :100%;
 float:left;
 }
 
  
 #block{
 width :100%;
 float:left;
 margin-left:0;
 margin-top: 0;
 margin-bottom: 20px;
 }
 
 #block1{
 width :100%;
 float:left;
 margin-left:0;
 margin-top: 0;
 margin-bottom: 20px;
 }
 
 .btc{
	background-color: #5c8fbb; 
	width : 100%;
	border: none;
	color: white;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin-bottom : 0px;
}

.cent{width : 100%;}

.bt:hover {
  opacity: 0.6;
}

.gauche{
 width :40%;
 float:left;
 }
 
.droite{
 width :60%;
 float:left;
 margin-left : 0px;
 }
 
 #gauche1{
 width :70%;
 float:left;
 }
 
#droite1{
 width :20%;
 float:left;
 padding-top: 8%;
 margin-left : 0px;
 }
 
 #case1,#case2,#case3{
 float:left;
 margin-left:20px;
 }