/*
Theme Name: WL_Aurora 
Theme URI: 
Author: Webloyalty
Author URI: https://webloyalty.ch/
Description: The default theme for Webloyalty Corporate Websites. Based on Gutenberg, showcasing themeing with Gutenberg (https://github.com/WordPress/gutenberg-theme/).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wl_aurora
Tags: translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

gutenbergtheme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

html{ /* anchor links style */
    scroll-behavior: smooth;
}

p{
    margin: 0;
}

.hentry p{
    margin-bottom: 2rem;
}

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

b,
strong {
  font-weight: bold;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 0.875rem;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
    max-width: 100%;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/* see: functions.php */



/*--------------------------------------------------------------
# Colours and gradients
--------------------------------------------------------------*/

/* see: functions.php */



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
    overflow-x:hidden;
}

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

hr {
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  
}

ul {
  list-style: disc;
  padding-inline-start: 1.1em;

}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
    margin: 0; /* Extra wide images within figure tags don't overflow the content area. */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

figure.alignfull {
  padding: 2rem 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  /* moved to block button style */
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  /* moved to block button style */
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  /* moved to block button style */
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/* Contact forms 7 */

.entry-content > div.wpcf7{
    padding: 2rem;
}

div.wpcf7{
    margin-left: auto;
    margin-right: auto;
}

.wpcf7-form > p{
    margin-top: 1rem;
}

.wpcf7-submit-group{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2rem;
}

.wpcf7-submit-group > *{
    margin-top: 0 !important;
}

.wpcf7-submit-group > [class*=acceptance]{
  flex-basis: 50%;
  max-width: 100%;
  flex-grow: 1;
  font-size: .8rem;
}

/* Pop up download form */
.contactForm-model { 
  display: none;
  height: 100vh;
  width:100vw;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 9999;
  position: fixed;
}

.popupdownloadform-container{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popupdownloadform{
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  padding: 2em;
  width: 500px;
  max-width: 90%;
  text-align: center;
  background: #fff;
  pointer-events: all;
}

.popupdownloadform h2{
  margin: 0 auto 2rem;
}

.popupdownloadform p{
  margin-bottom: 1rem;
}

.popupdownloadform input[type="text"],
.popupdownloadform input[type="email"]{
  width: 100%;
}

.popupdownloadform .wpcf7-list-item{
  margin: 0;
}

.popupdownloadform .wpcf7-acceptance{
  font-size: .9rem;
  line-height: 1.5;
  text-align: left;
}

#popupDownloadModal { 
  background:rgba(0,0,0,.6);
  content:"";
  display:none;
  width:100vw;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  transform-origin:center;
  transform:translate(-50% -50%);
  pointer-events:none;
  z-index: 8888;
}


.close-popup {
    float: right;
    clear: both;
    display: inline-block;
    margin-top: -25px;
    width: 25px;
    margin-right: -25px;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1;
    color: #808080;
    cursor: pointer;
    transform: scaleY(.85);
}

/* Footer miniform */
.miniform{
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 320px;
  position: relative;
  margin: 0 0 0 auto;
}

.miniform input[type="email"]{
  border: none;
  border-radius: 3.4rem;
  vertical-align: middle;
  padding: .5rem 1rem;
  width: 100%;
  min-height: 3rem;
}

.miniform input[type="submit"]{
  width: auto;
  position: absolute;
  right: 0;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #06ad9e; /* Emerald */
  word-break: break-all;
    
  transition: color .2s ease-out;
}

a:hover, a:focus, a:active {
  color: #fbb81d; /* Sunflower */
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}


/*=====Gutenberg buttons=====*/
/* All buttons */
.wp-block-button__link,
/* + common instructions for pseudo elements */
[class*="gradient"].wp-block-button__link:before,
/* + forms inputs */
input[type="button"],
input[type="reset"],
input[type="submit"]{
    border-radius: 3.4rem;
    font-size: 1.05rem;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: auto;
    max-width: 30rem;
    min-width: 10rem;
    padding: .5rem 1rem;
    min-height: 3rem;
    word-break: keep-all;
    box-shadow: 2px 2px 8px rgba(0,0,0,.15);

    position: relative;
    z-index: 1;
    transition: background .5s ease-out, border .25s ease-out;
}

/* Pseudo element (to transition gradients only) */
[class*="gradient"].wp-block-button__link:before{
	content: "";
	position: absolute;
	z-index: -1;
	display:block;
	top: 0; left: 0; margin: 0; padding: 0;
	width: 100%; height: 100%;
	box-shadow: none;
	background:transparent;
}

.is-style-outline .wp-block-button__link,
/* + forms inputs */
.the-gradient input[type="button"],
.the-gradient input[type="reset"],
.the-gradient input[type="submit"],
.alt-gradient input[type="button"],
.alt-gradient input[type="reset"],
.alt-gradient input[type="submit"],
.carbon input[type="button"],
.carbon input[type="reset"],
.carbon input[type="submit"]:not(.default){
    border: 2px solid;
    background: transparent !important;
}

#cookie-notice{
    box-shadow: .2rem .2rem 1rem rgba(0,0,0,.7);
}

.cn-text-container{
    font-size: 1rem;
    line-height: 1.8;
}

.cn-button{
    max-width: 8rem;
    margin-top: 0;
    line-height: 1.8;
}

/*===== Buttons' hover states =====*/

/*-----Hover plain colour buttons-----*/

/* on regular backgrounds */
    .wp-block-button__link:not([class*="gradient"]):active,
	.wp-block-button__link:not([class*="gradient"]):focus,
	.wp-block-button__link:not([class*="gradient"]):hover{
		 background: #06ad9e !important; /* Emerald */
		 color: white !important;
	}

/* on gradient and dark backgrounds */
	[class*="gradient"] .wp-block-button__link:not([class*="gradient"]):active,
	[class*="gradient"] .wp-block-button__link:not([class*="gradient"]):focus,
	[class*="gradient"] .wp-block-button__link:not([class*="gradient"]):hover,
	[class*="carbon"] .wp-block-button__link:not([class*="gradient"]):active,
	[class*="carbon"] .wp-block-button__link:not([class*="gradient"]):focus,
	[class*="carbon"] .wp-block-button__link:not([class*="gradient"]):hover,
    /* + forms inputs */
    .the-gradient input[type="button"]:hover,
    .the-gradient input[type="reset"]:hover,
    .the-gradient input[type="submit"]:hover,
    .alt-gradient input[type="button"]:hover,
    .alt-gradient input[type="reset"]:hover,
    .alt-gradient input[type="submit"]:hover,
    .carbon input[type="button"]:hover,
    .carbon input[type="reset"]:hover,
    .carbon input[type="submit"]:hover
	{
		 background: white !important;
		 color: #1c3f85 !important; /* Corp Blue */
	}

/*-----Hover gradient colour buttons-----*/

/* on regular backgrounds */
	.wp-block-button__link:active,
	.wp-block-button__link:focus,
	.wp-block-button__link:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover
	{
		 /* Don't remove the background */
		 color: white !important;
	}
/* Pseudo element to transition gradients */
	[class*="gradient"].wp-block-button__link:hover:before,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover{
		background:#06ad9e !important; /* Emerald */
	}

/*-----Hover outline buttons-----*/
    .is-style-outline .wp-block-button__link:hover,
    /* + forms inputs */
    .the-gradient input[type="button"]:hover,
    .the-gradient input[type="reset"]:hover,
    .the-gradient input[type="submit"]:hover,
    .alt-gradient input[type="button"]:hover,
    .alt-gradient input[type="reset"]:hover,
    .alt-gradient input[type="submit"]:hover,
    .carbon input[type="button"]:hover,
    .carbon input[type="reset"]:hover,
    .carbon input[type="submit"]:hover{
         border-color: transparent;
    }

/*=====Buttons' alignments=====*/
.aligncenter .wp-block-button__link{
    margin-left: auto;
    margin-right: auto;
}

.alignright .wp-block-button__link{
    margin-left: auto;
    margin-right: 0;
}






/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	max-width: 720px;
  text-align: center;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
  text-align: left;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  display: block;
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
    color: white !important;
}

.main-navigation a:hover,
.main-navigation .current-menu-item a,
.main-navigation .current-menu-parent a{
    color: #fbb81d !important; /* Sunflower */
}

.menu-toggle {
    padding: 0;
    position: absolute;
    top:.5rem;
    left:2rem;
    width: 2.625rem;
    height:2.625rem;
    background: url("assets/images/menutoggle.svg");
    border: none;
    outline: none;
}

.main-navigation.toggled .menu-toggle {
    background: url("assets/images/menutoggle-close.svg");
}

.menu-toggle span{
  display: none;
}

@media screen and (max-width: 990px) {
	/* Small menu. */
	.menu-toggle,
	.main-navigation.toggled ul {
        display: block;
        margin: 0 auto;
	}
    
    #masthead .wrap{
        flex-direction: column !important;
        position: relative;
    }
}

@media screen and (min-width: 990px) {
	.menu-toggle {
		display: none;
	}
    .main-navigation ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
      }

  .main-navigation a {
    margin: 0 .5rem;
    line-height: 1.2rem;
  }
}

.comment-navigation,
.posts-navigation,
.post-navigation {
    margin: 6rem auto 0 !important;
}

/*-----Category menu-----*/
#cat_menu{
    display: flex;
    flex-direction: row;
    justify-content:flex-start;
    flex-wrap: wrap;
    margin-top: 3rem;
}

#cat_menu li{
    margin: 0 0 1rem 1rem;
    min-width: 150px;
}

#cat_menu li a{
    display: block;
    margin-top: 0;
}


/*-----Navigation links-----*/

.nav-links {
	display: flex;
}

.nav-links a{
    word-break: normal;
	text-decoration: none;
    font-weight: 500;
}

.nav-previous {
	width: 50%;
	flex: 1 0 50%;
}

.nav-previous a:before {
	content: "< ";
}

.nav-next {
	text-align: end;
	flex: 1 0 50%;
}

.nav-next a:after {
	content: " >";
}

.more-link{
    font-size: .8125rem;
    font-weight: 500;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
# Categories
--------------------------------------------------------------*/
/* Moved to colours.css */

body.category #site-intro{
    min-height: auto;
    padding-bottom: 3rem;
}

body.category .page-header h1{
    margin: 0;
}

body.category #masthead{
    margin-bottom: 0;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft,
.alignright {
	max-width: 580px !important;	/* Let's work to make this !important unnecessary */
}

.alignleft img,
.alignright img,
.alignleft figcaption,
.alignright figcaption {
	max-width: 50%;
	width: 50%;
}

.alignleft figcaption {
	clear: left;
}

.alignright figcaption {
	clear: right;
}

.alignleft img,
.alignleft figcaption {
  float: left;
  margin-right: 1.5em;
}

.alignright img,
.alignright figcaption {
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-area {
	width: 25%;
}

.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

.ssbp-wrap{
    display: block !important;
}

.entry-header .ssbp-wrap{
    display: none !important;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.warning{
    display: none;
}

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

#site-intro{
    text-align: center;
    margin: 0;
    padding: 0 2rem 5rem;
    display: flex;
    flex-direction: column;
    min-height: 40vh;
}

#masthead{
    width: calc(100% + 4rem);
    max-width: calc(100% + 4rem);
    padding: 2rem;
    margin-left: -2rem;
    background-color: transparent;
    z-index: 7777;
    transition: background 200ms;
}

    #masthead.sticky{
        position: fixed;
        top:0;
        width: 100%;
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        background-color: #1c3f85; /* Corp Blue */
        box-shadow: 2px 2px 8px rgba(0,0,0,.15);
    }

#masthead .wrap{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.site-branding {
  text-align: left;
}

.jumbotron{
    margin-bottom: -5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.jumbotron img{
    width: 100%;
}


/*-----Space-cancelling---*/
/* Cancel the white space between the banners */
.wp-block-group.alignfull + .wp-block-group.alignfull{
    margin-top: -4rem;
}

/* Cancel the white space between the first banner and the header */
.wp-block-group.alignfull:first-child{
    margin-top: -4rem;
}

/* Cancel the white space between the last banner and the footer */
.wp-block-group.alignfull:last-child{
    margin-bottom: -4rem;
}

/* Append touching carbon banners */
.has-carbon-background-color.wp-block-group.alignfull + .has-carbon-background-color.wp-block-group.alignfull{
    padding-top: 0;
}

/* Append carbon banners touching the footer */
.has-carbon-background-color.wp-block-group.alignfull:last-child{
    padding-bottom: 0;
}
/*------------------------*/


#colophon{
    margin-top: 4rem;
    padding: 2rem 0;
    font-size: .9rem;
}

#colophon a{
    word-break: normal;
}

#colophon .site-branding{
    width: 100%;
}

#colophon .wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.footer-col{
    flex-basis: 33.333%; /* taille de base si pas seul sur sa ligne */
    flex-grow:1; /* peut prendre toute la largeur si seul sur sa ligne */
    max-width: 100%;
}

.footer-col + .footer-col{
    padding-left: 2rem;
}

.footer-menus{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  flex-grow: 0;
}

.footer-menus .footer-widget{
  flex-basis: calc(50% - 1rem); /* taille de base si pas seul sur sa ligne */
    flex-grow:1; /* peut prendre toute la largeur si seul sur sa ligne */
    max-width: 100%;
}

.footer-secondary{
  text-align: right;
  min-width: 300px;
}

.footer-secondary p{
  max-width: 320px;
  margin: 1rem .5rem 0 auto;
}

.footer_widget,
.site-description{
    margin: 2rem 0 0;
}

.footer_widget .menu{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer_widget .menu a{
    border: none;
}

.site-info{
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 2rem;
    font-size: .8rem;
}

@media screen and (max-width:600px){
  #colophon .wrap{
    flex-direction: column;
  }

  .site-branding {
    text-align: center;
  }

  .footer-col{
    text-align: center;
    min-width: 100%;
    padding-left: 0 !important;
  }
  .miniform,
  .footer-secondary p{
    margin: .5rem auto;
  }
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.hentry {
  margin: 4rem 0 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.entry-header,
.page-header,
.entry-footer,
.post-navigation,
.page-navigation,
.comments-area,
.not-found .page-content,
.search .entry-summary{
  margin: 1rem auto;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
  max-width: 1200px;
}

.entry-header{
    margin: auto;
}

.entry-content .vignette.mediatheque{
    
}

.entry-footer span{
  margin-right: 1em;
}

.entry-footer{
  color: #aaa;
  font-size: 90%;
  padding-bottom: 40px;
  border-bottom: 1px solid #111;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.3333333333%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.6666666667%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.2857142857%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.1111111111%;
}

.gallery-caption {
  display: block;
}