h2 {
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:2.4em!important;
	color:white!important;
	font-weight: bold!important;
	text-align: center;
	line-height: 60px;
  	margin: 40px 0px !important;
	padding: 0px !important;
	background-color:#007100;
	border: 5px ridge #007100;
	border-radius:10px;
    vertical-align: middle!important;
}

h3 {
	color: #e46e0a!important;
	text-align: left;
	font-weight: bold!important;
	text-decoration : underline;
	margin: 22px 0 0 0;
	padding: 0px 10px 0px 13px;
	font-size:1.5em;
	}

strong {
	color: #e46e0a!important;
	}

p code,
.question>code,
.question em>code {
    font-weight: bold;
    font-family: "Courier New";
	}


/* ------------------------------------------------------------------------- */
/*                                Les tables                                 */
/* ------------------------------------------------------------------------- */


table.classique {
	margin: 10px auto;
	border: 2px solid #163c99;
	}

table.classique th {
	min-width: 90px;
	padding: 5px;
	vertical-align: middle;
	border: 1px solid #e46e0a;
	text-align: center;
	font-weight: bold;
	color: black !important;
	background-color: lightgrey !important;
	}

table.classique td {
	min-width: 90px;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	border: 1px solid #e46e0a;
	}


/* ------------------------------------------------------------------------- */
/*                                Les images                                 */
/* ------------------------------------------------------------------------- */

img{
	display: block;
	margin: auto;
	padding: 3px;
	max-height: 400px;
    border-radius: 6px;
	border: 1px dashed #163c99;
	box-shadow: 5px 10px 18px #888888;
}

img.img_centre {
	display: block;
	border: 1px dashed #163c99;
	margin: 5px auto;
	border-radius: 6px;
	padding: 5px;
	max-width: 75%;
	text-align: center;
	}


/* ------------------------------------------------------------------------- */
/*                              Style d'origine                              */
/* ------------------------------------------------------------------------- */


html {
    background: #222;
    margin: auto;
    width: 80%;
}

body {
    background: linear-gradient(#aaa 0, #ddd 10px, #fff 55px);
    border: 1px solid black;
    padding: 10px 20px;
    box-shadow: 5px 0px 30px #000;
    border-radius: 8px;
}




body.empty #textReply,
body.empty #pyEditor,
body.empty #dbEditor,
body.empty #testButton,
body.empty #cancelButton,
body.empty #validateButton,
body.text #dbEditor,
body.text #pyEditor,
body.text #testButton,
body.text #printButton,
body.sql #textReply,
body.sql #pyEditor,
body.sql #printButton,
body.db #textReply,
body.db #pyEditor,
body.db #cancelButton,
body.db #validateButton,
#dbReply,
#pyReply {
    display: none;
}

p {
    text-align: justify;
}
.question {
    margin-top:1em;
}
.response {
    display: none;
}

#sujet pre, pre.gray {
    border: 1px black solid;
    background-color: lightgray;
    padding: 1em;    
    margin: 1em;
    overflow: auto;
}
#textReply {
    padding: 1em;
}
#textEditor {
     border: 1px solid #222;
    min-height:5.5em;
    height: auto;
    width:100%;
    resize:none;
}
.CodeMirror{
    border: 1px solid #222;
    min-height:5.5em;
    height: auto;
    margin: 1em;  
}
.CodeMirror-scroll {
    overflow-y: hidden;
    overflow-x: auto;
}
.button {
    color: #333;
    background: linear-gradient(#eee, #ddd);
    border: 1px solid #222;
    border-radius: 3px;
    padding: 7px;
    margin-top: 1em;
    transition: .3s;
    font-family: ubuntu, sans-serif;
    font-size: 1em;   
    width:100%;
}
.button:active {
    background: linear-gradient(#ddd, #eee);
}
.button:hover, button:focus {
    box-shadow: 0 0 2px #222;
}
.error {
    color:red;
    transition:.5s;
    overflow:hidden;
    margin: 15px;
    height:2em;
}
#output {
    overflow: auto;
}

table {
    width:auto;
    margin:auto;
    border:1px solid black;
    border-collapse:collapse;
    margin-bottom:10px;
}

th, td {
    border:1px solid #777;
}

footer {
    margin-top:4em;
    font-size:.8em;
    color: #222;
}