/* Modular Scale */
/* http://www.modularscale.com/?20&px&1.5&sass&table */
/* Normalize
-------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }

figure { margin: 0; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font: 1.25em/1.5 'Roboto', Arial, Helvetica, sans-serif; text-rendering: optimizeLegibility; color: #353535; background: #fff; padding: 0; }

::-moz-selection { background: #000; color: #fff; text-shadow: none; }

::selection { background: #000; color: #fff; text-shadow: none; }

a, .entry-title a:hover { color: #e84538; text-decoration: none; }

a:hover, a:focus { color: #e84538; text-decoration: underline; }

blockquote { color: #595959; font-style: normal; }

abbr { cursor: help; }

abbr[title] { border-bottom: 1px dotted; }

acronym { font-size: .666em; text-transform: uppercase; color: #666; border-bottom: 1px dotted #eee; cursor: help; }

acronym:hover { color: #333; background: #f5f5f5; border-bottom: 1px dotted #aaa; }

small { font-size: 0.666em; }

big { font-size: 1.5em; }

p { margin: 0 0 1.75rem 0; }

b, strong { font-weight: bold; }

blockquote { margin: 0; font-style: normal; }

blockquote em, blockquote cite { font-style: italic; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

em, cite { font-style: italic; }

em em, cite cite { font-style: normal; }

dfn { font-style: italic; }

address { font-style: italic; margin: 0 0 1.4em 0; }

li address, dd address { margin: 0; }

del { text-decoration: line-through; }

object { margin-bottom: 1.4em; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #e7e7e7; margin: 1.4em 0; padding: 0; }

ins { font-family: Georgia, 'Times New Roman', Times, serif; background: #f5f5f5; color: #000; text-decoration: none; font-style: italic; }

mark { background: #f5f5f5; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

pre code { font-size: 1em; }

pre { font-size: 0.666em; font-family: Monaco, monospace, Courier, "Courier New"; overflow: auto; line-height: 1.5; margin-bottom: 1.4em; padding: .5em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

code { font-size: 0.666em; font-family: Monaco, monospace, Courier, "Courier New"; }

sub, sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

ul { list-style: disc; margin: 0 0 1.4em 2.25em; padding: 0; }

ol { list-style-type: decimal; margin: 0 0 1.4em 2.25em; padding: 0; }

li { margin-bottom: .666em; }

ol ol { list-style: upper-roman; }

ol ol ol { list-style: lower-roman; }

ol ol ol ol { list-style: upper-alpha; }

ol ol ol ol ol { list-style: lower-alpha; }

ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

dl { margin: 0 0 1.75rem 5px; }

dt { font-weight: bold; margin: 0.666em 0 0 0; }

dd { margin: 5px 0 0 1.5em; }

h1, h2, h3, h4, h5, h6 { font-family: 'Squada One'; font-style: normal; font-weight: normal; margin: 1.75rem 0 0.198em 0; color: #333; line-height: 1; letter-spacing: 0.011em; }

h1 { font-size: 3.375em; }

h2 { font-size: 2.25em; }

h3 { font-size: 1.5em; }

h4, h5, h6 { font-size: 1em; font-size: bold; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea, a.button { font-size: 1em; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input, a.button { line-height: normal; *overflow: visible; }

table button, table input { *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:invalid, textarea:invalid { background-color: #f0dddd; }

option { padding: 1px 2px; }

table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1.75rem; }

td { vertical-align: top; }

th, td { text-align: left; }

/* WordPress classes
-------------------------------------------------------------- */
.hfeed h1, .hfeed h2, .hfeed h3, .hfeed h4, .hfeed h5, .hfeed h6 { font-weight: normal; }

img.wp-smiley { max-height: 0.8125em; margin: 0; padding: 0; border: none; }

.gallery { display: block; text-align: center; margin-bottom: 1.75rem !important; }

.left, .alignleft { float: left; margin: 0 0.666em 5px 0; }

.right, .alignright { float: right; margin: 0 0 0.666em 1.5em; }

.center, .aligncenter { display: block; margin: 0 auto 1.75rem auto !important; }

.block, .alignnone { display: block; margin: 0 0 1.75rem 0; }

img.alignleft, img.alignright { margin-top: 5px; display: inline; }

blockquote.alignleft, blockquote .alignright { width: 33%; }

.byline abbr, .entry-meta abbr, .comment-meta abbr { border: none; }

.clear { clear: both; }

/* Tables
-------------------------------------------------------------- */
table { margin: 0 0 1.75rem 0; width: 100%; }

table caption { font-size: 0.8125em; line-height: 1.75rem; color: #888; }

table th { font-size: 0.666em; line-height: 1.75rem; font-weight: normal; text-transform: uppercase; padding: 0.666em 2%; border-bottom: none; border-bottom: 3px solid #e7e7e7; text-align: left; }

td { padding: 0.8125em 2%; color: #888; border-bottom: 1px solid #e7e7e7; }

/* Lists
-------------------------------------------------------------- */
dl { margin: 0 0 1em 2.25em; }

dl dt { margin: 0; font-style: italic; font-weight: normal; }

dl dd { margin: 0 0 5px 1em; padding: 0; color: #888; }

/* Blockquotes
-------------------------------------------------------------- */
blockquote, blockquote blockquote blockquote { overflow: hidden; padding: 0 0 0 1.5em; font-size: 1.5em; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; color: #555; background: url(/National_Library/oe_/https://sudweb.fr/blog/assets/images/quote.png) no-repeat 0 4px; }

/* Code
-------------------------------------------------------------- */
code { padding: 0 3px; color: #555; background: #ffeacd; }

pre { padding: 0.666em 1em; background: #fff1dd; border: 1px solid #f6e4cc; }

pre code { padding: 0; background: transparent; }

/* Forms
-------------------------------------------------------------- */
form label, form input, form textarea { font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif; }

form label { line-height: 1.5em; color: #222; }

input, textarea, select { display: block; width: 100%; margin-top: 1em; padding: 1em; box-sizing: border-box; background: #fff; box-shadow: 0 0.15em 0 #b3b3b3; outline: 0; border-radius: .25em; border: 0; }

input:focus, textarea:focus, select:focus { -webkit-transform: translateY(0.15em); transform: translateY(0.15em); box-shadow: 0 0 0 #b3b3b3; }

textarea { height: 6.3em; }

select { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }

input[type="radio"] { vertical-align: text-middle; }

input[type="checkbox"] { display: inline; }

input[type="submit"]:hover { cursor: pointer; }

.error { color: #ff4367; }

/* Images & Video
-------------------------------------------------------------- */
a:hover img { opacity: 0.85; }

#site-title a:hover img { border: none; }

.hentry img, .entry-content img, .widget img, .wp-caption, .hentry embed, .entry-content embed, .widget embed, .hentry object, .entry-content object, .widget object, .hentry video, .entry-content video, .widget video { max-width: 100%; }

.hentry img, .entry-content img, .widget img { height: auto; padding: 1px; border: 1px solid #353535; }

.media { text-align: center; margin-bottom: 1.75rem; font-style: italic; }

.twitter-tweet { margin: auto; padding-bottom: 1.75rem; }

/* Captions [caption]
-------------------------------------------------------------- */
.caption { overflow: hidden; text-align: center; }

.caption img { margin: 0 0 5px 0; }

.caption-text { margin: .5em; font-size: 0.666em; color: #555; }

.caption a { border: none; }

/* Galleries
-------------------------------------------------------------- */
.gallery { display: block; clear: both; overflow: hidden; margin: 0 auto; margin: 0 !important; }

.gallery br { display: block; line-height: 0; height: 0; }

.gallery a { border: none; }

.gallery .gallery-row { display: block; clear: both; overflow: hidden; margin: 0; }

.gallery .gallery-item { overflow: hidden; float: left; margin: 0; margin: 0 0 1.75rem 0 !important; text-align: left; list-style: none; padding: 0; }

.gallery img, .gallery .gallery-item .gallery-icon img { max-width: 89%; height: auto; margin: 0 auto; }

.gallery-icon { overflow: hidden; margin: 0; }

.gallery-caption { margin: 0; font-size: 0.666em; line-height: 1.4em; color: #aaa; }

.attachment-image { float: left; width: 100%; }

.singular-attachment .hentry .gallery-caption { display: none; /* Hide captions in gallery on attachment pages */ }

.gallery-caption { margin: 3px 0 0 0; }

.col-0 { width: 100%; }

.col-1 { width: 100%; }

.col-2 { width: 50%; }

.col-3 { width: 33.33%; }

.col-4 { width: 25%; }

.col-5 { width: 20%; }

.col-6 { width: 16.66%; }

.col-7 { width: 14.28%; }

.col-8 { width: 12.5%; }

.col-9 { width: 11.11%; }

.col-10 { width: 10%; }

.col-11 { width: 9.09%; }

.col-12 { width: 8.33%; }

.col-13 { width: 7.69%; }

.col-14 { width: 7.14%; }

.col-15 { width: 6.66%; }

.col-16 { width: 6.25%; }

.col-17 { width: 5.88%; }

.col-18 { width: 5.55%; }

.col-19 { width: 5.26%; }

.col-20 { width: 5%; }

.col-21 { width: 4.76%; }

.col-22 { width: 4.54%; }

.col-23 { width: 4.34%; }

.col-24 { width: 4.16%; }

.col-25 { width: 4%; }

.col-26 { width: 3.84%; }

.col-27 { width: 3.7%; }

.col-28 { width: 3.57%; }

.col-29 { width: 3.44%; }

.col-30 { width: 3.33%; }

/* Layout
-------------------------------------------------------------- */
#main { clear: both; width: 100%; margin: 0 auto; position: relative; }

.page-template-fullwidth #content { max-width: 37em; }

#content { max-width: 37em; margin: 0 auto; min-height: 180px; }

.wrap { max-width: 47em; margin: 0 auto; position: relative; }

#comments-template { clear: left; }

#sidebar-subsidiary { overflow: visible; width: 100%; margin: 2.25em auto 0 auto; padding: 2.25em 0 0 0; border-top: 2px solid #b6b6b6; clear: both; }

/* Footer */
.footer { padding: 2.25em 0; background: #353535; color: #fff; text-align: center; }

.footer a { color: #f8a912; }

.footer p { margin-bottom: 0; }

/* Primary menu
-------------------------------------------------------------- */
nav { display: flex; justify-content: center; }
nav ul { display: flex; list-style: none; margin: 0; paddin: 0; }
nav ul a { padding: 1rem; font-size: 1em; font-weight: bold; color: #595959; }
nav ul a:hover { color: #e84538; }

/* Header */
.header { margin-top: 1em; text-align: center; margin-bottom: 2.25em; padding: 0 2.25em; }
.header img { max-width: 100%; }

#site-title { margin: 0; }

#site-title a { color: #222; border-bottom: none; }

#site-description { font-size: 1.5em; margin: 0; color: #353535; text-transform: none; float: left; width: 91.48936170212766%; clear: both; text-align: center; border-top: 5px solid #595959; padding: 1em 3.375em; /* 40px / 940px = 4.25531914893617% */ }

.home #site-description { border-bottom: 1px solid #353535; margin-bottom: 2.25em; }

.breadcrumbs { font-size: 0.666em; color: #888; float: left; width: 97.872340425532%; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 0 0 2.25em 0; }

.breadcrumb-trail { padding: 1px 1.086956521739%; }

/* Posts
-------------------------------------------------------------- */
.hentry { float: left; width: 100%; margin: 0 0 1.75rem 0; padding: 0; }

.home .hentry, .category .hentry { border-bottom: 1px solid #e5e5e5; }

.category h1 { font-size: 2.25em; color: #e84538; }

.singular .hentry { position: relative; }

.featured { margin-bottom: 1em; }

.sticky .sticky-header { float: left; width: 30%; }

.sticky .byline { clear: left; }

.sticky .entry-summary { float: right; width: 65%; border-left: 1px solid #e5e5e5; padding-left: 2.34375%; }

.hentry .featured-thumbnail { margin-bottom: 1.5em; }

.hentry .thumbnail { float: left; width: 23.4375%; margin: 3px 3.90625% 1em 0; }

/* Post titles
-------------------------------------------------------------- */
.hentry .entry-title { margin: 0 0 .296em; padding: 0; font-size: 2.25em; border: none; color: #353535; }

.singular .entry-title { font-size: 2.25em; margin-bottom: 0.088em; }

.singular-page .entry-title { color: #353535; }

.singular-page .entry-title, .singular-attachment .entry-title { margin-bottom: 1.75rem; }

.entry-title a, .entry-title a:visited { color: #353535; }

.entry-title a:hover { color: #e84538; }

/* Post bylines/datelines
-------------------------------------------------------------- */
.byline { margin: 0 0 .132em; font-size: 0.666em; color: #b6b6b6; letter-spacing: 0.088em; text-transform: uppercase; }

.byline a, .byline a:visited { color: #b6b6b6; }

.byline a:hover { color: #000; }

.author, .published, .category, .edit, .bypostauthor { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-style: normal; }

.comment-list .published, .comment-list .edit, .comment-list .comment-reply-link { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1em; font-style: italic; text-transform: none; }

/* Post metadata
-------------------------------------------------------------- */
.entry-meta { margin: 0 0 1.4em 0; font-size: 0.666em; color: #aaa; }

.entry-meta a { color: #595959; }

.entry-meta a:hover { color: #353535; }

.footnotes { font-size: .666em; font-style: italic; color: #595959; }

/* Singular post prev/next links
-------------------------------------------------------------- */
.singular .loop-nav { font-size: 0.666em; color: #353535; clear: left; }

/* Page links for multi-paged posts <!--nextpage-->
-------------------------------------------------------------- */
.page-links { clear: both; font-size: 0.666em; word-spacing: 2px; color: #353535; }

.entry-summary .page-links { clear: none; font-size: 0.666em; color: #b6b6b6; }

.page-links a, .page-links a:visited { display: inline-block; color: #353535; padding: 3px 6px; }

.page-links a:hover { color: #fff; background: #353535; }

/* Archive/search pagination
-------------------------------------------------------------- */
.pagination.loop-pagination { text-align: center; margin-top: 7px; }

.pagination .page-numbers { color: #fff; }

.pagination a.cta { color: #fff; }

.pagination a:hover { color: #fff; text-decoration: none; }

.pagination .current { color: #aaa; }

/* Sidebar after singular posts
-------------------------------------------------------------- */
#sidebar-after-singular { overflow: hidden; margin: 0; font-size: 1em; float: left; }

/* Widgets
-------------------------------------------------------------- */
.sidebar .widget { width: 100%; margin-bottom: 1.5em; color: #888; }

.widget table, .widget ul, .widget ol { margin-bottom: 0; }

/* Widget titles
-------------------------------------------------------------- */
.sidebar .widget-title { font-size: 0.666em; color: #595959; text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px; }

/* Widget unordered lists
-------------------------------------------------------------- */
.sidebar .widget ul { margin-left: 1em; }

.sidebar .widget ul li a { color: #595959; }

.sidebar .widget ul li a:hover { color: #e84538; }

.sidebar .widget ul li a { color: #595959; }

.sidebar .widget ul li a:hover { color: #e84538; }

/* Subsidiary sidebar
-------------------------------------------------------------- */
#sidebar-subsidiary .widget { float: left; width: 21.80851063829787%; /* 205px / 940px = 21.80851063829787% */ margin: 0 3.191489361702128% 1em 0; /* 2.25em / 940px = 3.191489361702128% */ font-size: 1em; }

/*  Buttons (submit etc.)
-------------------------------------------------------------- */
#respond #submit, .button, a.button, .wpcf7-submit, #loginform .button-primary { padding: 5px 0.666em 6px 0.666em; color: #fff; background: #db5629; border: none; height: 33px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

#respond #submit:hover, .button:hover, .wpcf7-submit:hover, #loginform .button-primary:hover { background: #222; }

.menu li a { position: relative; }

.button, .button-type1 { display: inline-block; padding: .5em; border-radius: .25em; box-shadow: 0 0.15em 0 #b87b05; border: 0; outline: 0; background: #f8a912; font-weight: 700; color: #fff; text-decoration: none; }

.button.cta, .cta.button-type1 { margin: 1em 0; padding: 0.5em 1.5em; }

.button:hover, .button-type1:hover, .button:focus, .button-type1:focus { cursor: pointer; -webkit-transform: translateY(0.15em); transform: translateY(0.15em); box-shadow: 0 0 0 #b87b05; background: #ea9c07; }

.button-type1 { box-shadow: 0 0.15em 0 #b87b05; background: #f8a912; color: #fff; }

.button-type1:hover, .button-type1:focus { -webkit-transform: translateY(0.15em); transform: translateY(0.15em); box-shadow: 0 0 0 #b87b05; background: #ea9c07; }

/*  Media Queries (mobile browsing)
----------------------------------------------------- */
/* Tablet (portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) { .wrap { max-width: 728px; }
  .widget table { font-size: 0.666em; }
  #sidebar-subsidiary .widget table { width: 90%; } }
/* Mobile (portrait) */
@media only screen and (max-width: 767px) { .wrap { max-width: 90%; }
  body { font-size: 1em; }
  #site-description { font-size: 1.5em; }
  #content { width: 100%; }
  .col-0 { width: 100%; }
  .col-1 { width: 100%; }
  .col-2 { width: 100%; }
  .col-3 { width: 100%; }
  .col-4 { width: 50%; }
  .col-5 { width: 50%; }
  .col-6 { width: 33.33%; }
  .col-7 { width: 33.33%; }
  .col-8 { width: 33.33%; }
  .col-9 { width: 33.33%; }
  .col-10 { width: 33.33%; }
  .col-11 { width: 33.33%; }
  .col-12 { width: 33.33%; }
  .col-13 { width: 33.33%; }
  .col-14 { width: 33.33%; }
  .col-15 { width: 33.33%; }
  .col-16 { width: 33.33%; }
  .col-17 { width: 33.33%; }
  .col-18 { width: 33.33%; }
  .col-19 { width: 33.33%; }
  .col-20 { width: 33.33%; }
  .col-21 { width: 33.33%; }
  .col-22 { width: 33.33%; }
  .col-23 { width: 33.33%; }
  .col-24 { width: 33.33%; }
  .col-25 { width: 33.33%; }
  .col-26 { width: 33.33%; }
  .col-27 { width: 33.33%; }
  .col-28 { width: 33.33%; }
  .col-29 { width: 33.33%; }
  .col-30 { width: 33.33%; } }