body {
    height: 100vh;
}

header {
	padding: 10px;
	margin-bottom: 20px;
	background-color:grey;
	height: 60px;
}

iframe {
	border:0;
	height:500px;
	margin:0;
	padding:0;
	width:100%;
}

.content {
	border:0;
	height:500px;
	margin: 10px 0px;
	padding:0;
	width:100%;
}


.btn {
    border-radius: 5px;
}

iframe {
	border-left : solid 1px #dddddd;
	border-right : solid 1px #dddddd;
	border-bottom : solid 1px #dddddd;
	background-color:white;
}

#livepreview {
    background-color:#DF691A;
    padding: 3px;
}

#enonce {
	padding : 20px;
}

#title {
	background:#f9f9fb;
	color:black;
	border-radius: 10px 10px 0 0;
	margin-left : -1px;
	margin-bottom : -2px;
}

.matiere {
	/*background-color:#bfd7ff;*/
}

#theorie p {
	text-align:justify;
}

#header-web {
	background-image:url("../image/bck-barre.jpg");
}