<html>
  <head>
    <meta content="text/html; charset=windows-1252" http-equiv="content-type">
    <link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
      title="Retour à la ligne automatique">
  </head>
  <body>

  * {
  box-sizing: border-box; margin:0px; padding:0px; 
}

    <pre>@font-face {
font-family:'Pictos Custom';
font-weight:400;
font-style:normal;
}

body {
font-family:Ratio, sans-serif;
font-size:1.65em;
color:#343536;
}


hr {
border:0 solid #ddd;
border-top:1px solid #ddd;
width:30%;
margin:40px auto;
}

h1 {
font-size:44px;
font-weight:700;
line-height:1.1em;
}

h2,h3,h4 {
color:#000;
font-weight:700;
}

h2,h3 {
font-size:32px;
line-height:1.25em;
margin-top:2em;
}

h3 {
font-size:26px;
}

h4 {
font-size:20px;
}

p {
line-height:30px;
margin:.75em 0 1em;
}


/*
##
##
##
*/

a,a:active {
font-weight:500;
color:#4cae4c;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:none;
}

[data-icon]:before {
font-family:'Pictos Custom';
content:attr(data-icon);
}

ul,ol {
padding-left:30px;
margin:30px 0;
}

ul li,ol li {
line-height:1.65em;
margin-bottom:5px;
}

img {
max-width:100%;
margin:0 auto;
}

figure {
margin:0 0 2em;
}

.image img {
border:0 solid #ecf0f1;
margin:0 auto;
}

figcaption {
color:#000;
font-weight:400;
font-style:italic;
font-size:16px;
text-align:center;
}

blockquote {
color:#95a5a6;
font-style:italic;
border-left:0;
margin:3em 2em;
}

pre {
background-color:#282b2e;
border:0;
font-size:15px;
line-height:1.5em;
margin:1.5em 0;
padding:1.33em;
}

pre .nginx {
text-decoration:none!important;
}

code {
background-color:#eee;
color:#000;
font-family:Inconsolata, monospace, sans-serif;
position:relative;
white-space:nowrap;
border-color:#333;
}

aside,.post-content aside {
font-size:1.1em;
line-height:1.5em;
margin:3em 0;
padding:30px 0;
}

article .post-title {
margin:0 0 20px;
}

article .post-title a {
text-decoration:none;
color:#333332;
font-weight:700;
}

article .meta {
color:#a4adb6;
margin-top:5px;
}

.fa-video-camera {
color:#9b59b6;
margin:3px 0 15px;
}


article .text {
margin-bottom:70px;
padding-bottom:70px;
border-bottom:1px solid #ecf0f1;
}

article .text p {
display:inline;
margin-right:8px;
}

.light {
font-weight:300;
}

.semi-bold {
font-weight:500;
}

.aside-info {
background-color:#f4f7f8;
}


.container {
max-width:720px;
padding:0 20px; margin: 20px 40px 0px 40px;

}
@media (max-width:765px){
	.container {
margin:0;
}
	}
	
	
.container-lg {
max-width:1200px;
padding:0 20px;
}



/*
## HEADER
##
##
*/

.h-wrapper {
width:80%;
margin:0 auto 50px auto;
padding:10px 0 0;
position:fixed;
top:25px;
left:15px;
}

@media (max-width:765px){
 .h-wrapper {
width:95%;
margin:0 auto 0 auto;
position:relative;
top:0px;
left:0px;
 } }


/* Pascal */

.pull-left { color:#000000; font-size:0.8em;
font-weight:300; }

.navbar-default {
background-color:transparent;
background-image:none;
border:0;
}


.navbar-default .navbar-brand {
height:60px;
color:#fff;
padding:0px 15px;
}

/* ICONE MENU MOBILE */
.navbar-default .navbar-toggle {
background:#fff;
border:2px solid #fff;
margin:3px 27px 0;
}

.navbar-default .navbar-toggle:hover {
background:transparent;
background-color:#CCCCCC;
border:2px solid #cccccc;
}

.navbar-default .navbar-toggle .icon-bar {
background-color:#666666;
width:11px;
}

.navbar-default .navbar-toggle:hover &gt; .icon-bar {
background-color:#fff;
}

.navbar-toggle .icon-bar + .icon-bar {
margin-top:3px;
}

.navbar-brand div {
margin-top:7px;
padding:10px 15px;

}

/* SSMENU MOBILE */
.navbar-right li {
font-size:.75em;
}
.navbar-right {
display:none;
}
.menu-full { display:block;}
@media (max-width:765px){
 .navbar-right {
display:block;
}
.menu-full { display:none;}
}



/*
##
##
##
*/

.post-content {
border-bottom:0 solid #ecf0f1;
padding:0 0 50px 0;
max-width:425px;
}

.post-content img {
border:0 solid #ecf0f1;
margin:0;
padding:0;
}

.share {
margin:50px 0;
}

.share a {
color:#FFF;
display:inline-block;
font-size:22px;
height:50px;
padding-top:17px;
width:50px;
}

.tw {
background:#1cc1f7;
margin-right:20px;
}

.tw:hover {
background:#1ca5ee;
}

.fb {
background:#43609c;
margin-right:20px;
}

.fb:hover {
background:#3b5489;
}

.google {
background:#dd4c3b;
}

.google:hover {
background:#c84c3b;
}

.newsletter {
background:#fff;
margin:20px auto;
padding:0;
}

.newsletter img {
background:#fff;
margin:0;
padding:0;
}


.newsletter-signup-container {
margin-bottom:100px;
}

footer {
border-top:1px solid #ecf0f1;
font-size:14px;
margin:-140px auto 0 auto;
position:relative;
padding:0;
width:100%;
color:#bbb;
top:0;
}

@media (max-width:765px){
footer {
width:85%;
}
}


.icones {
width:100%;
margin:8px auto 0 auto;
text-align:center;
font-size:1.2em;
}

.icones a {
color:#bbb;

}

.icones a:hover {
color:#000;
text-decoration:none;
}

.fa {
padding:.25em;
}

.fa-1 {
font-size:1em;
}

.fa-1-25 {
font-size:1.25em;
}

.fa-2 {
font-size:1.5em;
}

.fa-check {
padding-right:.75em;
}



.favorite-link {
color:#9b59b6;
}



.loader {
font-size:6px;
position:relative;
text-indent:-9999em;
border-top:1.1em solid rgba(236,240,241,1);
border-right:1.1em solid rgba(236,240,241,1);
border-bottom:1.1em solid rgba(236,240,241,1);
border-left:1.1em solid #4cae4c;
margin:0 auto;
}

.loader,.loader:after {
width:8em;
height:8em;
}

.loader-small,.loader-small:after {
font-size:1px;
margin-right:15px;
width:15em;
height:15em;
}

</pre>
  </body>
</html>
