@import url('https://fonts.googleapis.com/css?family=Raleway');
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End normalize.css */

/* Micro css framework responsive par C.B. */
html,body{font-family:Raleway,Arial,Verdana,Helvetica,"Liberation Sans",FreeSans,sans-serif;font-size:15px;line-height:1.5}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}
a{color:inherit}
p{margin-top:0px;margin-bottom:16px;}
img{vertical-align:middle;max-width:100%;}

.center{text-align:center;}

.content{max-width:980px;margin:auto}
.full-width{padding:8px;}
.row:after,.row:before{content:"";display:table;clear:both}
.col{float:left;padding:8px;}
@media (max-width:600px){.col,.resp{width:100%!important;}.resp{display:block;}}

/* Thème B&W - Blog C.B. */
header{color:white;background-color:black;padding:32px 16px;text-align:center;margin-bottom:16px;}
header h1{font-weight:bold;}
header a{text-decoration: none;}

footer{color:white;background-color:#616161;padding:32px 16px;margin-top:16px;}

.resume-card,.side-card{
	margin:16px 8px;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.resume-card{padding:4px 16px;}

.side-card>div:first-child{padding:4px 16px;background:#eee;}
.side-card>div{padding:16px;}

.date{color:#666;}

.tag{
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
	text-decoration:none;
}

.button{
	border:1px solid #ccc;
	display:inline-block;
	outline:0;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}   

.button:hover{
	color:#000!important;
	background-color:#ccc!important
}

.panel{
	position:absolute!important;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background:white;
}

.scrollbar{
	overflow:auto;	
}

.remove-btn,.close-btn,.check-panier{
	position:absolute;
	top:0;
	right:0;
	width:32px;
	height:32px;
	line-height:32px;
	font-size:30px;
	font-weight:bold;
	color:black;
	cursor: pointer;
	text-align:center;
}

.close-btn::after{
	content:"\2716";
}

.tabs-enum{
	position:relative;
	margin:4px;
}



/*!
 * Agate by Taufik Nurrohman <https://github.com/tovic>
 * ----------------------------------------------------
*/
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #333!important;
  color: white;
}

.hljs-name,
.hljs-strong {
  font-weight: bold;
}

.hljs-code,
.hljs-emphasis {
  font-style: italic;
}

.hljs-tag {
  color: #62c8f3;
}

.hljs-variable,
.hljs-template-variable,
.hljs-selector-id,
.hljs-selector-class {
  color: #ade5fc;
}

.hljs-string,
.hljs-bullet {
  color: #a2fca2;
}

.hljs-type,
.hljs-title,
.hljs-section,
.hljs-attribute,
.hljs-quote,
.hljs-built_in,
.hljs-builtin-name {
  color: #ffa;
}

.hljs-number,
.hljs-symbol,
.hljs-bullet {
  color: #d36363;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal {
  color: #fcc28c;
}

.hljs-comment,
.hljs-deletion,
.hljs-code {
  color: #888;
}

.hljs-regexp,
.hljs-link {
  color: #c6b4f0;
}

.hljs-meta {
  color: #fc9b9b;
}

.hljs-deletion {
  background-color: #fc9b9b;
  color: #333;
}

.hljs-addition {
  background-color: #a2fca2;
  color: #333;
}

.hljs a {
  color: inherit;
}

.hljs a:focus,
.hljs a:hover {
  color: inherit;
  text-decoration: underline;
}