/* Mettre un arrière-plan turquoise, couleur noire et espacement interne à 
 * gauche et en bas */
p {
color: #2a2a2a;
padding-left: 1vw;
padding-bottom: 1vw;

border-radius: 1vw;
left: 0;
right: 0;
margin: auto;
margin-bottom: 1vw;
}
div.pan {
	background-image: url(img/pan2.gif);
	height: 40vw;
	position: fixed;
	top: 15vw;
	background-size: 100% 100%;
	left: 2vw;
	width: 270px;
}
a.cen {
text-align: center;
left: 0;
right: 0;
margin: auto;
display: block;
color: black;
font-size: 20px;
}
div.modif {
	overflow-x: break-word;
	overflow-y: scroll;
	max-width: 200px;
	max-height: 100px;
	position: fixed;
	right: 30vw;
	background-color: #ceccdf;
	border-radius: 1vw 1vw 0vw 0vw;
}
div.mid { left:0;
	right:0;
	margin:auto;
	width: 60vw;
	position:fixed;
	background-color: #e0def4;
	top: 15vw;
	height: 80vw;
	border-right: solid 0.5vw #ceccdf;
	border-radius: 1vw 1vw 0vw 0vw;
}
div.ban {
	left: 0;
	right:0;
	margin: auto;
	width: 40vw;
	background-color: #e0def4;
	position: fixed;
	top: 0;
	border-right: solid 0.5vw #ceccdf;
	border-radius: 0vw 0vw 1vw 1vw;
}
/* Mettre arrière-plan rose, espacement 2vw, espacement interne 1vw, 
 * arrondissement 1vw */
pre {
	background-color: #d7afaf;
	margin: 2vw;
	padding-top: 1vw;
	border-radius: 1vw;
}
body { background-color: #eeebf3;
   margin: 0;
   background-image: url(img/bg.gif);
}
.log { 	left: 2vw;
	display: inline-block;
	margin-top: 2vw;
	
	width: 200px;
	margin-bottom: 20px;
	
	border-radius: 1vw;
}
p.flo { text-align: center; 
	background-color: #c4a7e799;
	width: 800px;
	font-style: italic;
	padding-top: 5px;

}