body {
  background-color: #226392;
   margin-top: 0px;
   padding: 0px;
}

.logo{
	width: 2.5%;
	position: absolute;
    left:1.4%;
    top: 3%;
    z-index: 1
}

#contenant{
	float:left;
	background-color: #f4f6f9;
	width:95%;
	margin-left:2.5%;
	margin-top:0px;
}

.pageg {
	float: left;
	width: 42%;
	height: 44vw;
	margin-right: 0vw;
	padding-left: 4%;
	padding-right:4%;
	padding-top: 0vw;
	padding-bottom: 0vw;
	border: 0px solid black;
	background-color: #f4f6f9;
}

.paged {
	float: left;
	width: 42%;
	height: 44vw;
	margin: 0vw;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 0vw;
	padding-bottom: 0vw;
	border: 0px solid black;
	background-color: #f4f6f9;
}


.noselect {
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none;  
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}

.suite{
	width: 1.5%;
	position: absolute;
    left:97.7%;
    top: 47.5%;
    z-index: 1
}

.suite:hover {
  opacity: 0.6;
}

.retour{
	width: 1.5%;
	position: absolute;
    left:0.8%;
    top: 47.5%;
    z-index: 1
}

.retour:hover {
  opacity: 0.6;
}

.bo {
	width: 89%;
	border: 2px solid #226392;
	padding-top: 12px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: white;
}

.im-bo,.im-python, .im-histoire{
	width: 5%; 
	position:relative; 
	left:6px; 
	top:27px;
}

#gauche, #droite{float:left; width: 47%; margin:1%;}

button {display: block; margin-left: 38%; margin-top: 1%;}
			

h3 {color:red; margin-left: 38%; margin-bottom:5%;}

h4 {color:#0389d2; margin-left: 0%; margin-bottom:3%;}