/*
Theme Name: Geometry
Description: A theme by Geometry
Author: Geometry
Version: 1.0
*/

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/* END CSS RESET */

@font-face {
 font-family: Courant;
 src: url("fonts/baskervvol.eot")
}
@font-face {
 font-family: Courant;
 src: url("fonts/baskervvol.ttf")
}
@font-face {
 font-family: CourantItalic;
 src: url("fonts/baskervvol-italic.eot")
}
@font-face {
 font-family: CourantItalic;
 src: url("fonts/baskervvol-italic.ttf")
}
@font-face {
 font-family: Titre1;
 src: url("fonts/dindong.eot")
}
@font-face {
 font-family: Titre1;
 src: url("fonts/dindong.ttf")
}
@font-face {
 font-family: Titre2;
 src: url("fonts/unormativefraktur.eot")
}
@font-face {
 font-family: Titre2;
 src: url("fonts/unormativefraktur.ttf")
}
@font-face {
 font-family: Titre3;
 src: url("fonts/ductuscalligraphic.eot")
}
@font-face {
 font-family: Titre3;
 src: url("fonts/ductuscalligraphic.ttf")
}
@font-face {
 font-family: Titre4;
 src: url("fonts/bbbkarrik.eot")
}
@font-face {
 font-family: Titre4;
 src: url("fonts/bbbkarrik.ttf")
}

body,
input[type="text"], 
input[type="email"], 
input[type="number"], 
input.wpuf-submit-button,
input.wpcf7-form-control,
textarea,
#menu-x {
	font-family: Courant; 
	font-size: 20px;
	line-height: 1.25em;
	color: #000000; 
	font-variant-ligatures: discretionary-ligatures;
	font-feature-settings: "liga" 1;
}

#side-bar p,
.wp-caption-text,
section .right span.version,
section .right span.info-auteurices,
.caption,
.small {
	font-size: 18px;
	line-height: 1.25em;
}

.article-cell span,
#side-bar p,
.wp-caption-text,
#catalogue-single-bottom p,
#catalogue-single-left p,
.caption,
td,
.small {
	padding-top: 0.5em;
	font-size: 15px;
	line-height: 1.25em;
}

.caption {
	width: 75%;
}

.article-cell span,
.small {
	padding-top: 0;
}

.wp-night-mode-on {
	background: #000000;
	color: #ffffff;
}

i,
em {
	font-family: CourantItalic; 
}

.article-cell span,
.carousel-cell-two span,
section .right span.info-auteurices,
strong {
	font-variant-caps: small-caps;
}

.article-cell span.version {
	font-variant-caps: normal;
	margin-top: 1em;
	display: inline-block;
}

body,
a {
	color: #000000;
}

.wp-night-mode-on,
.wp-night-mode-on a {
	color: #ffffff;
}

.carousel-cell-two a,
header a {
	text-decoration: none;
}

sup a:before {
	content: " ";
}

.single-post .blue,
.single-post .blue a,
.single-post li a:last-child,
.single-post sup a,
.single-post .wp-night-mode-on .blue,
.single-post .wp-night-mode-on li a:last-child,
.single-post .wp-night-mode-on sup a {
	color: blue;
	text-decoration: none;
}

.blue a {
	text-decoration: underline;
}

.single-post li a:last-child:after {
	content: " [up]";
}

#menu-expand {
	font-size: 60px;
	line-height: 1.35em;
}

input.wpuf-submit-button,
input.wpcf7-submit,
h1 {
	font-size: 35px;
	line-height: 1.35em;
}

#typo_1 input.wpuf-submit-button,
#typo_1 input.wpcf7-submit,
#typo_1 h1,
#typo_1 #menu-expand {
	font-family: Titre1; 
}

#typo_2 input.wpuf-submit-button,
#typo_2 input.wpcf7-submit,
#typo_2 h1,
#typo_2 #menu-expand {
	font-family: Titre2; 
}

#typo_3 input.wpuf-submit-button,
#typo_3 input.wpcf7-submit,
#typo_3 h1,
#typo_3 #menu-expand {
	font-family: Titre3; 
}

#typo_4 input.wpuf-submit-button,
#typo_4 input.wpcf7-submit,
#typo_4 h1,
#typo_4 #menu-expand {
	font-family: Titre4; 
}

#call-to-action h1 {
	padding-top: 1em;
	color: #ffffff;
	padding-bottom: 1em;
}

.wp-night-mode-on #call-to-action h1 {
	color: #000000;
}

article h1 {
	margin-top: 1em;
	margin-bottom: 0.3em;
}

h2,
#menu1 {
	font-size: 21px;
	line-height: 1.42em;
}

#typo_1 h2,
#typo_1 #menu1 {
	font-family: Titre1; 
}

#typo_2 h2,
#typo_2 #menu1 {
	font-family: Titre2; 
}

#typo_3 h2,
#typo_3 #menu1 {
	font-family: Titre3; 
}

#typo_4 h2,
#typo_4 #menu1 {
	font-family: Titre4; 
}

#page-content p,
article p {
	margin-bottom: 2em;
	text-align: justify;
}

#form-page p  {
	margin-bottom: 2.5em;
	text-align: left;
}

#page-content h1,
#form-page h1 {
	margin-top: 0;
	margin-bottom: 1.2em;
}

#footer-page p,
#auteurice p {
	margin-bottom: 1em;
	text-align: justify;
}

#footer-page p:last-child,
#auteurice p:last-child {
	margin-bottom: 0;
}

#table p {
	margin-bottom: 0;
}

.wp-night-mode-on header,
#call-to-action {
	background: #000000;
}

.wp-night-mode-on #call-to-action {
	background: #ffffff;
}

header .article-cell h1,
.carousel-cell-two h1,
section .right h1 {
	margin-bottom: 0.5em;
}

.wp-night-mode-on .flickity-prev-next-button {
    border-color: #ffffff;
}

.gradient-articles {
	background: rgb(0,255,255);
	background: linear-gradient(90deg, rgba(0,255,255,1) 0%, rgba(0,255,138,1) 50%, rgba(255,255,0,1) 100%);
}

.gradient-articles.invert {
	background: rgba(255,255,0,1);
	background: linear-gradient(90deg, rgba(255,255,0,1) 0%, rgba(0,255,138,1) 50%, rgba(0,255,255,1) 100%);
}

.gradient-catalogue {
	background: rgb(190,0,255);
	background: linear-gradient(90deg, rgba(190,0,255,1) 0%, rgba(0,255,231,1) 100%);
}

.gradient-catalogue.invert {
	background: rgb(0,255,231);
	background: linear-gradient(90deg, rgba(0,255,231,1) 0%, rgba(190,0,255,1) 100%);
}

.gradient-text-catalogue,
.gradient-text-catalogue p {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(90deg, rgba(190,0,255,1) 0%, rgba(0,255,231,1) 100%);
}

.gradient-inventaire {
	background: rgb(190,0,255);
	background: linear-gradient(90deg, rgba(190,0,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,255,0,1) 100%); 
}

.gradient-inventaire.invert {
	background: rgba(0,255,0,1);
	background: linear-gradient(90deg, rgba(0,255,0,1) 0%, rgba(255,255,255,1) 50%, rgba(190,0,255,1) 100%); 
}

.gradient-a-propos {
	background: rgb(255,108,67);
	background: linear-gradient(90deg, rgba(255,108,67,1) 0%, rgba(222,255,82,1) 50%, rgba(42,255,0,1) 100%);
}

.gradient-a-propos.invert {
	background: rgba(42,255,0,1);
	background: linear-gradient(90deg, rgba(42,255,0,1) 0%, rgba(222,255,82,1) 50%, rgba(255,108,67,1) 100%);
}

input.wpuf-submit-button,
input.wpcf7-form-control,
.wpcf7 input[type="file"],
input[type="text"], 
input[type="email"], 
input[type="number"], 
textarea {
    width: 60%;
	padding: 6px;
	padding-bottom: 0;
    margin-bottom: 12px;
    border: 0;
    box-sizing: border-box;
    resize: vertical;
    color: #000000;
    background: #ffffff;
    border: 2px dotted;
}

.wp-night-mode-on input.wpcf7-form-control,
.wp-night-mode-on .wpcf7 input[type="file"],
.wp-night-mode-on input[type="text"], 
.wp-night-mode-on input[type="email"], 
.wp-night-mode-on textarea {
    color: #ffffff;
    background: #000000;
}

input.wpuf-submit-button,
input.wpcf7-submit {
    color: #ffffff;
    background: #000000;
    border-color: #000000;
    cursor: pointer;
}

textarea {
    height: 6em;
}

input.wpuf-submit-button,
input.wpcf7-form-control {
    width: auto;
}

.wpcf7-form-control .wpcf7-list-item {
    display: block;
}

input.wpuf-submit-button,
input.wpcf7-form-control,
.wpcf7 input[type="file"],
input[type="text"], 
input[type="email"], 
input[type="number"], 
textarea,
.wpcf7-list-item {
    margin: 0 0 0 6% !important;
}

input.wpuf-submit-button,
input.wpcf7-form-control,
.wpcf7 input[type="file"],
input[type="text"], 
input[type="email"], 
input[type="number"], 
textarea {
    margin-top: 1% !important;
}

input.wpcf7-free-text {
    margin-left: 1% !important;
    margin-top: 0 !important;
    width: 30%;
}

.sy-pager {
    display: none !important;
}

.sy-slide > a {
    display: block;
    width: 50% !important;
    margin: 0 auto 0 auto !important;
}

.sy-slide > a > img, 
.sy-slide > img {
    height: auto !important;
	border: 2px dotted #000000 !important;
}

.wp-night-mode-on .sy-slide > a > img, 
.wp-night-mode-on .sy-slide > img {
	border: 2px dotted #ffffff !important;
}

.sy-box li a:last-child:after {
	content: " ";
}

.sy-box  {
    margin-bottom: 2em;
}

#swipebox-title {
	font-size: 18px !important;
	line-height: 1.25em !important;
	padding-top: 0.5em !important;
	font-size: 15px !important;
	line-height: 1.25em !important;
	font-family: Courant !important; 
	font-variant-ligatures: discretionary-ligatures !important;
}

html {
  scroll-behavior: smooth;
}

#content {
	padding: 98px 0 30px 0;
}

#home-catalogue > div,
#home-articles,
#home-inventaire,
#articles-articles,
#footer-page,
#page-content,
article,
#auteurice,
.info,
#Sidebar,
#fonts-in-use-inventaire,
#menu-expand .right,
#menu-expand .extra > div {
	max-width: 1400px;
	margin: 0 auto 0 auto;
	padding: 0 30px 0 30px;
}

#Sidebar {
	margin-top: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	clear: both;
}

.page-template-template-table #page-content {
	margin-top: -50px;
}

#fonts-in-use-inventaire .grid {
	width: calc(100% + 30px);
	margin-left: -15px;
}

#Sidebar > div {
	border-bottom: solid 2px;
	border-top: solid 2px;
	padding: 30px 0 30px 0;
}

#table {
	margin-bottom: 2em;
}

#table a {
	display: block;
	width: 5000000px;
	line-height: 1.8em;
	text-decoration: none;
}

#table a:after {
	content: 
	" ...................................................................................................................................."
	"...................................................................................................................................."
	"...................................................................................................................................."
}

#table p {
	overflow: hidden;
}

.alignleft {
	float: left;
	margin: 0px 20px 20px 0px;
	margin-left: -17%;
	width: 34% !important;
	height: auto;
	clear: both;
}

.alignleft img {
	width: 100% !important;
	height: auto;
}

.info {
	overflow: hidden;
}

article {
	clear: both;
	position: relative;
}

#page-content > div,
article > div {
	width: 60%;
	margin: 30px auto 0 auto;
	clear: both;
}

#call-to-action {
	width: 100%;
}	

#call-to-action a {
	width: calc(60% - 30px);
	max-width: 840px;
	margin: 2em auto 2em auto;
	display: block;
	clear: both;
}

#call-to-action a h1 {
	text-decoration: underline;
}

section .left {
	width: calc(50% - 15px);
	float: left;
}

section .left img {
	width: calc(100% - 4px);
	height: auto;
	display: block;
}

section .right {
	width: calc(50% - 15px);
	float: right;
}

section img {
	border: 2px dotted;
}

header img,
#menu-x img {
	width: auto;
	height: 1.5em;
	padding-left: 1em;
	padding-top: 0.7em;
	display: block;
	float: right;
}

.wpnm-button {
	width: 2em !important;
	height: 2em !important;
	margin-left: 1em !important;
	margin-top: 0.8em !important;
	display: block;
	float: right;
	background-image: url("img/switch-light.png");
	background-size: contain;
	background-repeat: no-repeat;
	position: static !important;
	cursor: pointer;
}

.wpnm-button.active {
	background-image: url("img/switch-dark.png");
}

.wpnm-button .wpnm-slider {
    display: none !important;
}

header .left {
	width: 80%;
	float: left;
	overflow: hidden;
}

header .right {
	width: 20%;
	float: right;
	overflow: hidden;
}

#article-content ol {
	list-style: none; 
	counter-reset: li;
}

#article-content li {
	counter-increment: li;
}

#article-content ol li::before {
	content: counter(li); 
    display: inline-block; 
    width: 1em; 
    margin-left: -1.5em;
    margin-right: 0.5em; 
    text-align: right; 
    direction: rtl;
}

#article-content li {
	margin-bottom: 1em;
}

#article-content ul li::before {
	content: "•"; 
    display: inline-block; 
    width: 1em; 
    margin-left: -1.5em;
    margin-right: 0.5em; 
    text-align: right; 
    direction: rtl;
}

#menu,
#menu-x {
	cursor: pointer;
}

#menu .white,
#menu-x .white {
	display: none;
}

.wp-night-mode-on #menu .white {
	display: block;
}

.wp-night-mode-on #menu .black {
	display: none;
}

#footer-page,
#auteurice {
	overflow: hidden;
}

#footer-page .inside,
#auteurice > div {
	width: calc(50% - 15px);
	overflow: hidden;
}

.slide .carousel-cell {
	width: 100%;
	overflow: hidden;
}

.slide .carousel-cell-two {
	padding-right: 100px;
	overflow: hidden;
	float: left;
}

.slide .carousel-cell-two:nth-child(odd) {
	width: calc(50% - 115px);
	padding-right: 115px;
}

.slide .carousel-cell-two:nth-child(even) {
	width: calc(50% - 115px);
	padding-left: 15px;
	padding-right: 100px;
}

.flickity-page-dots,
.flickity-prev-next-button.previous,
.flickity-prev-next-button .flickity-button-icon {
	display: none;
}

.flickity-button {
    background: none;
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 0;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 30px;
    transform: rotate(-45deg) translateY(-50%);
}

.flickity-button:hover {
    background: none;
}

.article-cell a {
    display: block;
}

.article-cell a {
	text-decoration: none;
}

.article-cell img {
    width: 70%;
    height: auto;
    padding: 0;
    display: block;
    margin-bottom: 1em;
}

header .article-cell h1 {
    clear: both;
}

.page #Sidebar {
	display: none;
}

header {
	position: absolute;
	top: 0;
	width: 100%;
	background: #ffffff;
	z-index: 2000;
}

.sub-menu {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.sub-menu.top {
	padding: 8px 0;
}

.sub-menu.bottom {
	padding: 50px 0 8px 0;
}

header > div,
.sub-menu > div {
	width: calc(100% - 60px);
	max-width: 1400px;
	overflow: hidden;
}

header > div,
#menu-expand .right {
	padding-bottom: 0;
	margin: 23px auto 0 auto;
}

.sub-menu > div {
	margin: 0 auto;
}

#header-border {
	overflow: hidden;
	clear: both;
	height: 2px;
	width: calc(100% - 60px);
	margin-top: 23px;
}

#footer-page #header-border {
	overflow: hidden;
	clear: both;
	height: 2px;
	width: 100%;
	margin-top: 46px;
	margin-bottom: 23px ;
}

#menu-expand {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: fixed;
	z-index: 100000;
	top: 0;
	bottom: 0;
}

#menu-expand .center {
	position: absolute;
	top: 50%; 
	transform: translateY(-50%);
	width: 100%;
}

#menu-expand .center a {
	display: block;
	text-align: center;
	text-decoration: none;
}

#menu-x {
	float: right;
}

#menu-expand .extra {
	position: absolute;
	width: 100%;
	bottom: 30px;
}

#menu-expand .extra a {
	text-decoration: none;
}

#menu-expand .extra > div > div {
	width: calc(100% / 3 - 30px);
	margin-right: 15px;
	margin-left: 15px;
	float: left;
	text-align: center;
}

.wp-night-mode-on #menu-expand.off,
#menu-expand.off {
	background: none;
}

#menu-expand.off {
	height: 0;
	padding: 0;
	margin: 0;
}

hr {
	border: none;
	border-top: 2px dotted #000000;
	color: #ffffff;
	background-color: #ffffff;
	height: 0;
	width: 100%;
	margin-bottom: 2.5em;
}

.wp-night-mode-on hr {
	border-top: 2px dotted #ffffff;
	color: #000000;
	background-color: #000000;
}

.home #credits {
	display: block;
}

#side-bar {
	width: 20%;
	float: right;
	top: 0;
	right: 0;
	position: absolute;
	margin-top: 30px;
}

#side-bar h2 {
	display: none;
}

#footer-page {
	margin-top: 1em;
}

#page-content > div,
.home #footer-page {
	margin-top: 0;
}

table.tablesorter td, 
table.tablesorter th {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

table.tablesorter td {
    border-bottom: solid 2px;
    overflow: hidden;
}

table.tablesorter th:first-child,
table.tablesorter td:first-child {
    padding-left: 0;
}

table.tablesorter th:nth-child(4),
table.tablesorter td:nth-child(4) {
    width: 30%;
}

table.tablesorter th:last-child,
table.tablesorter td:last-child {
    padding-right: 0;
    width: 50%;
}

.tablesorter-header-inner {
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}

a.link img {
    width: 40px;
    vertical-align: top;
}

.fonts .carousel-cell {
    width: 100%; 
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flickity-enabled.is-fullscreen {
  z-index: 9999 !important;
}

.fonts.is-fullscreen .carousel-cell {
  height: 100%;
}

.fonts .carousel-cell img {
  display: block;
  max-height: 100%;
  width: calc(100% - 40px);
  padding-right: 40px;
}

.fonts.is-fullscreen .carousel-cell img {
  width: auto;
  padding-right: 0;
}

.fonts .flickity-prev-next-button.next {
    top: 50%;
    width: 15px;
    height: 15px;
    border-radius: 0;
    border: solid black;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 10px;
    transform: rotate(-45deg) translateY(-50%);
}

.page-template-template-table .flickity-enabled {
	width: 100%;
}

.page-template-template-table .flickity-enabled.is-fullscreen {
	width: 100%;
}

.fonts button.flickity-fullscreen-button-view  {
	width: calc(100% - 40px);
	margin-right: 40px;
	height: 100%;
	cursor: zoom-in;
}

.flickity-fullscreen-button svg {
	display: none;
}

.is-fullscreen .flickity-fullscreen-button svg {
	display: block;
}

.is-fullscreen .flickity-fullscreen-button {
  color: white !important;
}

.is-fullscreen .flickity-prev-next-button.next {
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
}

header > div#call-to-action {
    width: 100%;
    max-width: 100%;
    border-bottom: 0;
    overflow: hidden;
    padding-bottom: 0;
    margin: 0;
    margin-top: 30px;
    display: none;
}

.home header > div#call-to-action {
  display: block;
  margin-top: 0;
}

header > div#call-to-action h1 {
  padding-top: 0;
  padding-bottom: 0;
}

#call-to-action.title-center h1 {
  text-align: center;
}

.home header > div.calltoaction {
  border-bottom: solid 0;
}

table.calltoaction tr:last-child td {
  border-bottom: solid 0;
}

.wp-night-mode-on header, 
header {
  background: none;
}

.left img,
.article-cell img,
td .fonts {
	filter: none;
	mix-blend-mode: multiply;
}

body.wp-night-mode-on section .left img,
body.wp-night-mode-on .article-cell img,
body.wp-night-mode-on td .fonts {
	filter: invert(1);
	mix-blend-mode: lighten;
}

td .fonts.is-fullscreen,
body.wp-night-mode-on td .fonts.is-fullscreen {
	filter: none;
	mix-blend-mode: normal;
}

#page-content #fonts-in-use-inventaire {
	width: 100%;
}

#footer-page {
	clear: both;
}

#page-content #filtres {
	width: 100%;
	clear: both;
	margin-bottom: 30px;
}

#fonts-in-use-inventaire a {
	text-decoration: none;
}

#fonts-in-use-inventaire a h3 {
	text-decoration: underline;
}

#fonts-in-use-inventaire p {
	margin-top: 0.5em;
	margin-bottom: 0;
}

.single-inventaire #Sidebar {
	display: none;
}

.sub-menu .left {
	width: calc(100% / 3 * 2);
	float: left;
}

.sub-menu .right {
	width: calc(100% / 3);
	float: right;
	text-align: right;
}

#catalogue-single,
#catalogue-single article {
	overflow: hidden;
}

#catalogue-single-left {
	width: calc(100% / 3 - 15px);
	margin-right: 15px;
	float: left;
}

#catalogue-single-right {
	width: calc(100% / 3 * 2 - 15px);
	margin-left: 15px;
	float: right;
	clear: none;
}

#catalogue img,
#catalogue-single img,
#footer-suggestion img,
#home-catalogue img {
	border: 0;
	width: 100%;
	display: block;
}

.catalogue-img,
#catalogue-single-content,
#catalogue-single-content p {
	margin-bottom: 1em;
	position: relative;
}

p.field {
	margin-top: 1em;
}

#catalogue-single-bottom p,
#catalogue-single-left p {
	text-align: left;
	padding-top: 0;
	margin-bottom: 0;
	width: 70%;
}

.catalogue-img .caption {
	text-align: left;
	margin-bottom: 0;
	width: auto;
	display: inline-block;
}

.pastille {
	background-image: url("img/pastille-fonts-in-use.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	z-index: 10;
	width: 40%;
	height: 80%;
	left: 10px;
	top: 10px;
}

h2#filtres {
	width: auto;
	display: inline-block;
}

#menu1 {
	display: inline-block;
	background-color: transparent;
	border: 1px solid #000000;
}

#home-catalogue,
#footer-suggestion {
	background: #000000;
	overflow: hidden;
}

.single-fontsinuse #footer-page {
	margin-top: 30px;
}

#catalogue-single article {
	margin-bottom: 30px;
}

.single-fontsinuse #content {
	padding-bottom: 0;
}

#home-catalogue .in-use-inventaire .catalogue-img,
#footer-suggestion .in-use-inventaire .catalogue-img {
	margin-bottom: 30px;
}

#home-catalogue .in-use-inventaire .catalogue-img {
	margin-top: 30px;
}

#ui-datepicker-div {
	z-index: 100000 !important;
	background: white !important;
}

.single-post #SingleContent,
.page-template-default #page-content,
#page-content.formulaire {
	padding-top: 30px;
}

#home-inventaire .article-cell img {
  width: 85%;
}

#home-inventaire .article-cell {
  padding-bottom: 0;
}

body.page-template-template-articles {
	background-image: url("img/bg_white.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}

body.page-template-template-articles.wp-night-mode-on {
	background-image: url("img/bg_black.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}

.page-template-template-fontsinuse-form #content,
.single-inventaire #content,
.page-template-template-fontsinuse-az #content,
.page-template-template-fontsinuse #content {
	padding-bottom: 0;
}

.page-template-template-fontsinuse-form section,
section#catalogue-single,
section#catalogue {
	background: #000000;
	color: #ffffff;
	padding-bottom: 30px;
	overflow: hidden;
}

section#catalogue a,
.page-template-template-fontsinuse-az section a,
.page-template-template-fontsinuse section a {
	color: #ffffff;
}

.wp-night-mode-on.page-template-template-fontsinuse-form section,
.wp-night-mode-on section#catalogue-single,
.wp-night-mode-on section#catalogue {
	background: #ffffff;
	color: #000000;
}

.wp-night-mode-on section#catalogue a,
.wp-night-mode-on.page-template-template-fontsinuse-az section a,
.wp-night-mode-on.page-template-template-fontsinuse section a {
	color: #000000;
}


.page-template-template-fontsinuse-form input.wpuf-submit-button {
  color: #000000;
  background: #ffffff;
  border-color: #ffffff;
}

.page-template-template-fontsinuse-form input.wpuf-submit-button, 
.page-template-template-fontsinuse-form input.wpcf7-form-control, 
.page-template-template-fontsinuse-form .wpcf7 input[type="file"], 
.page-template-template-fontsinuse-form input[type="text"], 
.page-template-template-fontsinuse-form input[type="email"], 
.page-template-template-fontsinuse-form input[type="number"], 
.page-template-template-fontsinuse-form textarea {
  color: #ffffff;
  background: #000000;
}

.wp-night-mode-on.page-template-template-fontsinuse-form input.wpuf-submit-button, 
.wp-night-mode-on.page-template-template-fontsinuse-form input.wpcf7-form-control, 
.wp-night-mode-on.page-template-template-fontsinuse-form .wpcf7 input[type="file"], 
.wp-night-mode-on.page-template-template-fontsinuse-form input[type="text"], 
.wp-night-mode-on.page-template-template-fontsinuse-form input[type="email"], 
.wp-night-mode-on.page-template-template-fontsinuse-form input[type="number"], 
.wp-night-mode-on.page-template-template-fontsinuse-form textarea {
  color: #000000;
  background: #ffffff;
}


.wp-night-mode-on.page-template-template-fontsinuse-form input.wpuf-submit-button {
  color: #ffffff;
  background: #000000;
  border-color: #000000;
}

.grid-sizer,
.grid-item {
	width: calc(100% / 4 - 30px);
	margin: 0 15px;
}

.grid-item {
	margin-top: 30px;
}

#catalogue-single article {
	margin-bottom: 0;
}

#home-articles > div:last-child,
#home-inventaire > div:last-child {
	margin-right: 0;
}

#articles-articles > div:nth-child(4n+4) {
	margin-right: 0;
}

#articles-articles > div:nth-child(4n+1) {
	clear: both;
}

.article-cell {
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 30px;
	width: calc(100% / 4 - 22.5px);
	margin-right: 30px;
	float: left;
}

#home-catalogue .in-use-inventaire,
#footer-suggestion .in-use-inventaire {
	float: left;
	width: calc(100% / 4 - 22.5px);
	margin-right: 30px;
	overflow: hidden;
}

#home-catalogue .in-use-inventaire.number-4,
#footer-suggestion .in-use-inventaire.number-4 {
	margin-right: 0;
}

.wp-night-mode-on .sub-menu, 
.wp-night-mode-on .sub-menu a {
  color: #000000;
}

.wp-night-mode-on #home-catalogue, #footer-suggestion {
  background: #ffffff;
}

.single-fontsinuse #footer-page {
	margin-top: 0;
	padding-top: 30px;
	background: #000000;
}


.single-fontsinuse #footer-suggestion {
	background: #000000;
}

.wp-night-mode-on.single-fontsinuse #footer-page,
.wp-night-mode-on.single-fontsinuse #footer-suggestion {
	background: #ffffff;
}

.wp-night-mode-on #menu-expand,
.wp-night-mode-on #menu-expand a {
  color: #000000;
}

#catalogue-single-bottom {
	display: none;
}

.page-template-template-fontsinuse-form .formulaire a,
#catalogue-single-content a {
	color: #ffffff;
}

.wp-night-mode-on.page-template-template-fontsinuse-form .formulaire a,
.wp-night-mode-on #catalogue-single-content a {
	color: #000000;
}

#catalogue-single-left .gradient-text-catalogue a {
	text-decoration: underline;
}















@media only screen and (max-width : 1200px) {

.grid-sizer,
.grid-item {
	width: calc(100% / 3 - 30px);
}

#articles-articles > div:nth-child(4n+4) {
	margin-right: 30px;
}

#articles-articles > div:nth-child(4n+1) {
	clear: none;
}

#articles-articles > div:nth-child(3n+1) {
	clear: both;
}

#articles-articles > div:nth-child(3n+3) {
	margin-right: 0;
}

.article-cell {
	width: calc(100% / 3 - 20px);
}

#home-catalogue .in-use-inventaire,
#footer-suggestion .in-use-inventaire {
	width: calc(100% / 3 - 20px);
}

#home-catalogue .in-use-inventaire.number-3, 
#footer-suggestion .in-use-inventaire.number-3,
#home-articles > div:nth-child(3),
#home-inventaire > div:nth-child(3) {
	margin-right: 0;
}

#home-catalogue .in-use-inventaire.number-4,
#footer-suggestion .in-use-inventaire.number-4,
#home-articles > div:last-child,
#home-inventaire > div:last-child {
	display: none;
}

}







@media only screen and (max-width : 1100px) {

#content {
	padding-top: 96px;
}

input.wpuf-submit-button,
input.wpcf7-submit,
h1 {
	font-size: 30px;
	line-height: 1.35em;
}

h2,
#menu1 {
	font-size: 22px;
	line-height: 1.42em;
}

}






@media only screen and (max-width : 950px) {

#content {
	padding-top: 132px;
}

h1 {
	height: 2.7em;
}

#menu-expand {
  font-size: 50px;
  line-height: 1.35em;
}

.grid-sizer,
.grid-item {
	width: calc(100% / 2 - 30px);
}

#articles-articles > div:nth-child(3n+1) {
	clear: none;
}

#articles-articles > div:nth-child(3n+4),
#articles-articles > div:nth-child(3n+3) {
  margin-right: 30px;
}

#articles-articles > div:nth-child(2n+2) {
	margin-right: 0;
}

.article-cell {
	width: calc(100% / 2 - 15px);
}

#home-catalogue .in-use-inventaire,
#footer-suggestion .in-use-inventaire {
	width: calc(100% / 2 - 15px);
}

#home-catalogue .in-use-inventaire.number-2, 
#footer-suggestion .in-use-inventaire.number-2,
#home-articles > div:nth-child(2),
#home-inventaire > div:nth-child(2) {
	margin-right: 0;
}

#home-catalogue .in-use-inventaire.number-3,
#footer-suggestion .in-use-inventaire.number-3,
#home-articles > div:nth-child(3),
#home-inventaire > div:nth-child(3) {
	display: none;
}

}




























@media only screen and (max-width : 650px) {

body.page-template-template-articles {
	background-image: url("img/bg_mobile_white.jpg");
}

body.page-template-template-articles.wp-night-mode-on {
	background-image: url("img/bg_mobile_black.jpg");
}

header > div, 
#menu-expand .right {
	margin-top: 15px;
}	

header > div, .sub-menu > div {
	width: calc(100% - 30px);
}

.wpnm-button {
  margin-left: 0 !important;
  margin-top: 5px !important;
}

header img, #menu-x img {
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 7.5px;
}

#header-border {
  width: calc(100% - 30px);
  margin-top: 15px;
}

#content {
	padding-top: 117px;
}

#home-catalogue > div, 
#home-articles, 
#home-inventaire,
#articles-articles, 
#footer-page, 
#page-content, 
article, 
#auteurice, 
.info, 
#Sidebar, 
#fonts-in-use-inventaire, 
#menu-expand .right,
#menu-expand .extra > div {
  padding: 0 15px 0 15px;
}

.article-cell {
width: 100%;
padding-top: 15px;
  padding-bottom: 15px;
  margin-right: 15px;
}

.article-cell img {
  width: 100%;
}

.sub-menu .left,
.sub-menu .right {
  width: 50%;
}

#home-inventaire .article-cell img {
  width: 100%;
}

#footer-page #header-border {
  margin-top: 30px;
  margin-bottom: 15px;
}

#footer-page .inside, 
#auteurice > div {
  width: 100%;
}

#content {
  padding-bottom: 15px;
}

#menu-expand {
    font-size: 30px;
    line-height: 1.35em;
}

h2, #menu1 {
    font-size: 18px;
    line-height: 1.42em;
}

#page-content > div, article > div {
	width: 100%;
	margin-top: 15px;
}

.single-post #SingleContent, 
.page-template-default #page-content, 
#page-content.formulaire {
  padding-top: 15px;
}

#catalogue-single-left {
	display: none;
}

#catalogue-single-bottom {
	display: block;
	margin-top: 0;
}

#catalogue-single-right {
  width: 100%;
  margin-left: 0;
}

#home-catalogue .in-use-inventaire .catalogue-img, 
#footer-suggestion .in-use-inventaire .catalogue-img {
  margin-bottom: 15px;
}

#menu-expand .center a {
  margin: 5px 0;
}

.page-template-template-inventaire #page-content {
  width: 1200px;
}

input.wpuf-submit-button, 
input.wpcf7-form-control {
  width: 70%;
}

#page-content h1, #form-page h1 {
  overflow: hidden;
}

#article-content .alignleft,
#article-content .alignright,
#article-content .aligncenter {
  width: 100% !important;
  float: none;
  margin: 0 !important;
}

#Sidebar {
  display: none;
}

section .left {
  width: 100%;
  float: none;
}

section .right {
  width: 100%;
  float: none;
}

h1 {
height: auto;
}

header h1 {
	font-size: 22px;
    line-height: 1.35em;
}
  
#menu-expand .extra {
  bottom: 15px;
} 
  

}