* {
	margin:0;
	padding:0;
}
body {
	font-size:18px;
	font-family: verdana;
	border:none;
	margin:40px;
}
div#main {
	width:100%;
	height:100%;

}
.col{
	width:380px;
	float:left;
	padding:10px;
}

blockquote {
	right:100px;
	margin:40px;
    background: #FFFBE9;
    border-radius: 10px;
    box-shadow: 0 0 20px #FFFBE9;
}
blockquote p {
    padding: 5px;
    font-weight:italic;
}
blockquote p::before {
    content: '\201C';
    font-size:4em;
}
blockquote p::after {
    content: '\201D';
}
cite {
float:right;
	margin:20px;
}

/* pour centrer les divs flottants */
#conteneur {
	display: table;
	margin: 0px 50px;
}
ul {list-style-type:none;}

iframe {
	width:75%;
	height:200px;
	float:left;
	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;
}
.code
{
	background: #fefefe;
	border: solid 1px #aaaaff;
	padding: 0.5em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px grey;
	margin:10px;
}
.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}
.C span.fonc{color:#A689C0; font-weight:bold}

pre.console {
	background-color:black;
	border: solid 1px #aaaaff;
 	color:silver;
	font:1.2em arial;
	padding:4px;
	border:3px solid silver;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


a {color:#999;}
a.a {
	position:absolute;
	right:30px;
	bottom:30px;
}
a.a:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23453886' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: 20%;
  border-bottom: 0;
  padding-bottom: .3em;
  text-decoration: none;
}

a {
	background: linear-gradient(to bottom, var(--mainColor) 0%, var(--mainColor) 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 3px 3px;
	color: #000;
	text-decoration: none;
}

a:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23ff9800' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
  background-position: 0 100%;
  background-size: auto 6px;
  background-repeat: repeat-x;
  text-decoration: none;
}

/*
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;
}
*/