/* bouton animé du haut */
@import url(https://fonts.googleapis.com/css?family=BenchNine:700);
.snip1535 {
  background-color: #c47135;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: 'BenchNine', Arial, sans-serif;
  font-size: 1em;
  font-size: 22px;
  line-height: 1em;
  margin: 15px 40px;
  outline: none;
  padding: 12px 40px 10px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
}
.snip1535:before,
.snip1535:after {
  border-color: transparent;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  border-style: solid;
  border-width: 0;
  content: "";
  height: 24px;
  position: absolute;
  width: 24px;
}
.snip1535:before {
  border-color: #c47135;
  border-right-width: 2px;
  border-top-width: 2px;
  right: -5px;
  top: -5px;
}
.snip1535:after {
  border-bottom-width: 2px;
  border-color: #c47135;
  border-left-width: 2px;
  bottom: -5px;
  left: -5px;
}
.snip1535:hover,
.snip1535.hover {
  background-color: #c47135;
}
.snip1535:hover:before,
.snip1535.hover:before,
.snip1535:hover:after,
.snip1535.hover:after {
  height: 100%;
  width: 100%;
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('league_gothic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body {
	background-color: #212121;
	background-image:url(bg.png);
	font-family: 'Montserrat', Arial, sans-serif;
	color:silver;
}
h2 {
	color:orange;
}
div.main {
	width:900px;
	padding:10px 60px;
	padding-bottom:20px;
	margin:auto;
	margin-bottom: 20px;
	clear:both;
	background-color:white;
	text-align:left;
	font-size:1.2em;
	color:black;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 0px 0px 20px #D0D0D0;
}
div#header h1 {
	color: #FFD300;
	text-shadow: 2px 2px 0px #2c2e38, 3px 3px 0px #5c5f72;
	font: 60px 'LeagueGothicRegular';
	letter-spacing: 10px;
	color:orange;
	float:left;
	margin:auto 100px;
	cursor:default;
}
div#header{
	clear:both;
	width:100%;
	text-align:center;
}
div#header button{
	float:left
}

div.main h1 {
	color: #FFD300;
	text-shadow: 2px 2px 0px #2c2e38, 3px 3px 0px #5c5f72;
	font: 60px 'LeagueGothicRegular';
	letter-spacing: 10px;
}

table {
	border:1px solid silver;
	float:left;
	margin:10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 10px 10px 40px #000000;
}
tr.a {
	background-color:black;
}
tr:hover {
	background-color:#444444;
	color:white;
}
tr.air {visibility:hidden;}
td {
	text-align:left;
}
iframe {
	width:500px;
	height:700px;
	float:right;
	border:none;
}
button {
	padding:5px 15px; 
	background:#ccc; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	box-shadow: 0 0 5px #F4E5C0;
}

/* mot mis en valeur */
span.m{
	background-color:#eee;
	box-shadow: 0px 0px 10px 0px #6f8291;
	border-radius:5px;
	padding:0 4px;
	color:#008b8b;
	font-weight:bold
}

/* Colorisation syntaxique */
.code
{
	background: #fff;
	border: solid 1px #aaaaff;
	padding: 0.5em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px grey;
	color:black;
}
pre.console {
	background-color:black;
	border: solid 1px #aaaaff;
 	color:silver;
	font-size:14;
 	font-name:arial;
	padding:4px;
	border:3px solid silver;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.clair {background-color:white;color:black}
.sombre{background-color:#333;color:white}
/*
span.tag {color:#008800}
.html span.tag {color:#008800}
.html span.attr{color:#ff0000}
.html span.str {color:#0000cc}
.html span.com {color:#666}
.html span.mot {color:#008800; font-weight:bold;}

.css span.com{color:#C8C8CB}
.css span.str{color:#4E942C}
.css span.sel{color:#5C9800}
.css span.prop{color:#f43724}
.css span.val{color:#3F94D6}

.php span.com{color:green;}
.php span.str{color:#CB4E00; font-weight:bold}
.php span.char{color:#ff00ff; font-weight:bold}
.php span.chif{color:#f43724; font-weight:bold}
.php span.mot{color:#4673D6; font-weight:bold}
.php span.type{color:#000080; font-weight:bold}
.php span.fonc{color:#A689C0; font-weight:bold}
.php span.var{color:#2929B9; font-weight:bold}

.js span.com{color:green;}
.js span.str{color:#90735C; font-weight:bold}
.js span.char{color:#90735C; font-weight:bold}
.js span.chif{color:#f43724; font-weight:bold}
.js span.ins   {color:#a52a2a; font-weight:bold}
.js span.type  {color:#000080; font-weight:bold}
.js span.fonc  {color:#a020f0; font-weight:bold}
.js span.mot   {color:#008b8b; font-weight:bold}
.js span.api   {color:orange; font-weight:bold}
.js span.strict{color:#3B85C0}

.ApacheConf span.mot{color:#0081FF}
.ApacheConf span.com{color:#60904a}
.ApacheConf span.str{color:#9B0085; font-weight:bold}
.ApacheConf span.chif{color:#f43724; font-weight:bold}

.C span.com{color:green;}
.C span.str{color:#ff00ff; font-weight:bold}
.C span.char{color:#ff00ff; font-weight:bold}
.C span.chif{color:#f43724; font-weight:bold}
.C span.mot{color:#a52a2a; font-weight:bold}
.C span.type{color:#000080; font-weight:bold}
.C span.macro{color:#008b8b; font-weight:bold}
.C span.prepro{color:#a020f0; font-weight:bold}
*/