/*CSS La Grange 2011-12-01

# Font
(c) 2009 Jakob Runge
License http://26plus-zeichen.de/fonts/edelsans/
*/

/*# RESET STYLE TO BE REMOVED*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure,figcaption,article,footer,header  {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*# END OF RESET*/
@font-face {
    font-family: 'QuicksandBook';
    src: url('/2011/12/01/proto/font/Quicksand_Book-webfont.eot');
    src: url('/2011/12/01/proto/font/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/2011/12/01/proto/font/Quicksand_Book-webfont.woff') format('woff'),
         url('/2011/12/01/proto/font/Quicksand_Book-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandLight';
    src: url('/2011/12/01/proto/font/Quicksand_Light-webfont.eot');
    src: url('/2011/12/01/proto/font/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/2011/12/01/proto/font/Quicksand_Light-webfont.woff') format('woff'),
         url('/2011/12/01/proto/font/Quicksand_Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBook';
    src: url('/2011/12/01/proto/font/Quicksand_Book-webfont.eot');
    src: url('/2011/12/01/proto/font/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/2011/12/01/proto/font/Quicksand_Book-webfont.woff') format('woff'),
         url('/2011/12/01/proto/font/Quicksand_Book-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@viewport {
  width: device-width;
}

/* Style Generique */
img {max-width:100%;
    vertical-align: bottom;}

html, body {
    font-family: "QuicksandBook", sans-serif;
    background-color: rgb(236, 230, 226);
    color:rgb(79, 74, 75);}

:lang(ja) {font-family: "Hiragino Sans GB W3";}
/*[lang="ja"] {font-family: "Hiragino Sans GB W3";}*/

strong {font-weight: bold;}
em {font-style: italic;}
abbr {border-bottom: 1px dotted rgb(79, 74, 75);}

/*to be defined*/
kbd {}

/*fin du style Generique*/

/* Nom site Web */
a.nomSite {
    font-family: "QuicksandBook", sans-serif;
    color: #fff;
    background-color: rgb(79, 74, 75);
    font-size: 1.2rem;
    line-height:1.4rem;
    text-decoration: none;
    padding: 1rem 1rem 1rem 1rem;
    display: block;
}

/* Archives */

a.archives {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    width: 1rem;
    height:1rem;
    border-radius: 2rem;
    background-color: rgb(106, 182, 198);
    text-decoration: none;
    padding: .5rem;
    float:right;
    margin-top: -2.5em;
    margin-right: 1em;
    }

/* Article */
article {
    border-left: 1px solid rgb(226, 220, 216);
    border-right: 1px solid rgb(226, 220, 216);
    font-family: Georgia, Times, serif;
    max-width:700px;
    margin: 0 auto;
    padding-bottom: 2rem;}

/* header - Meta date */
.meta  {
    width:auto;
    display: inline-block;
    background-color: rgb(106, 182, 198);
    color: rgb(255,255,255);
    font-family:  "QuicksandLight", sans-serif;
    font-size:.7rem;
    line-height:1.2rem;
    text-transform:uppercase;
    margin-left: -1px;
    padding: 0.5rem 1rem 0 1rem;}

.pubdate, .maj {display: block;}
.modified, .created {font-family:  "QuicksandBook", sans-serif;}
.pubdates a {color:rgb(255,255,255); border-bottom: 1px dotted rgb(150,150,150);}


/* header - titre billet */

h1 {font-family: "QuicksandLight", sans-serif;
    font-size: 1rem;
    padding: 1em 1rem 1rem 1rem;
    line-height:1.2rem;
    }

/* links */

a { color: rgb(16, 68, 82);
    text-decoration: none;
    border-bottom: 1px dotted rgb(79, 74, 75);}
a:hover {border-bottom: 1px solid rgb(79, 74, 75);}


/* Photo */
figure  {
    margin: 1rem 0;
    padding: 0.5rem 0rem 0 0rem;}
figcaption {
    font-size: .8rem;
    line-height: 1rem;
    font-family: "QuicksandLight", sans-serif;
    text-transform:uppercase;
    margin: 0;
    padding: .5rem 2rem;
    display: inline-block;
    background-color: rgb(106, 182, 198);
    color: rgb(255, 255, 255);
    border-radius: 0 0 5px 5px;
    }

p, ul, dl, ol {margin: 2rem 2rem;
    line-height:1.6rem;}
ul, dl, ol {width:75%;}

dt { font-weight: bold;
    margin-top:2rem;}
dd {margin-left:2rem;}
li {margin: .2rem 2rem;
    list-style-position: inside;}
ul li {list-style-type: square;}
ol li {list-style-type: decimal;}


/* Notes */
.note {background-color: #FC6;}
span.note {padding: .2rem 0.2rem;}
p.note {
    padding: 3rem 2rem 2rem 2rem;
    font-size: .9rem;}
p.note::before {
    display: inline-block;
    position: absolute;
    content:"note";
    font-family: "QuicksandBook", sans-serif;
    margin-left: -1rem;
    margin-top: -3rem;
    padding: .2rem .5rem;
    background-color: rgb(79, 74, 75);
    color: #fff;
    }
.note a {color: rgb(122, 0, 0);}
.note q {color: rgb(50, 50, 50);}
.notetoday {
    font-family: "Courier New", "Courier", fixed;
    font-size:.85rem;
    line-height:1.2rem;
    border-top: 4px solid rgb(240,240,240);
    padding: 1rem .5rem .5rem .5rem;
    background-color: rgb(250,250,250);
    }

/* PRE CODE */
pre {margin: 2rem 1rem;
    padding: 3rem 1rem 2rem 1rem;
    background-color: #C6DDEA;
    font-size: .9rem;
    font-family: "Andale Mono", "Courier New", Courier, monospace;
    overflow:auto;}

pre code::before {
    display: inline-block;
    position: absolute;
    content:"code";
    font-family: "QuicksandBook", sans-serif;
    margin-left: -1rem;
    margin-top: -3rem;
    padding: .5rem;
    background-color: rgb(79, 74, 75);
    color: #fff;
    }

h2  {
    font-family: "QuicksandBook", sans-serif;
    background-color: rgb(79, 74, 75);
    color: #fff;
    display: inline-block;
    padding: 1rem;
    margin: 0 0 0 1rem;
}

h3, h4, h5, h6 {
    font-family: "QuicksandBook", sans-serif;
    display: inline-block;
    padding: 1rem;
    margin: 0 0 0 1rem;
}


h3 {font-size:.95rem;}
h4 {font-size:.90rem;}
h5 {font-size:.85rem;}
h6 {font-size:.80rem;}

/* Article - Blockquote */
.extrait {
    max-width:700px;
    margin: 2rem 2rem;
    }

.extrait blockquote {
    font-size: .9em;
    line-height: 1.3rem;
    padding: 2rem 0rem;
    background-color: rgb(246, 240, 236);
    border-radius: 5px 5px 5px 0;
    padding:.1rem;}

q {
	font-style: italic;
	color: #89a;
	padding: .2em 0;}

.extrait p.source {
    padding:.5rem 2rem;
    margin: 0;
    font-size: .9rem;
    display:inline-block;
    border-bottom: 1px solid rgb(226, 220, 216);
    font-variant: small-caps;
    border-radius: 0 0 5px 5px;
    background-color: rgb(16, 68, 82);
    color: rgb(255, 255, 255);}
.extrait span.auteur {font-family: "QuicksandBook", sans-serif;}
.extrait cite.titre {font-family: "QuicksandLight", sans-serif;}

/* Footer */

footer {
	clear:both;
    font-size:.9rem;
    line-height:1.4rem;
    background-color: rgb(106, 182, 198);
    color: rgb(255,255,255);
	font-weight: bold;
    font-family:  "QuicksandBook", sans-serif;
    padding: 2rem 1rem 3em 1rem;}

footer a#glicense {float:right;}
footer a {color: #fff;
    text-decoration: none;}

/* table */

table {margin: 1rem;
    width:auto;}

caption {font-size: .8rem;
line-height: 1rem;
font-family: "QuicksandLight", sans-serif;
padding: .5rem 1rem;
border-top: 1px solid rgb(245,245,245);}

th {font-size: 1rem;
line-height: 1rem;
font-family: "QuicksandBook", sans-serif;
padding: .5rem 1rem;
background-color: rgb(37, 68, 11);
color: white;
text-align:center;
}

th a {color: #fff;
        font-weight: bold;

}

td {font-family: "QuicksandBook", sans-serif;
padding: .5rem 1rem;
text-align:left}
tr:nth-child(even) {background-color: rgb(245,245,245);
}

/* Media Queries */

@media screen and (max-width: 40em) {
/*contenu à cacher quand petit*/
.pubdate-msg, .maj {display: none;}
.longdate, .isodate {font-family:  QuicksandBook, sans-serif;}
h1 {font-size: 1.2rem;
    line-height: 1.6rem;}

.meta {padding: 0.5rem 1rem 0.5rem 1rem;
    color: rgb(255, 255, 255);
    margin-bottom: 1rem;}

/*end media screen max-width=499px*/
}

@media screen and (max-width: 700px) {
h1 {    border-left: none;}
}



@media screen and (min-width: 40.1em) {

h1 {font-size: 2rem;
    line-height:2.4rem;}

/*end media screen min-width=500px*/
}