/* styles WPM */

html, body {font-family:Arial,sans-serif; font-size:16px; line-height:1.5; 
	height:100%;
	background:var(--body-bgcolor);color:#1a1a1a; word-wrap:break-word;margin:0;padding:0;
}
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
*::before, *::after {box-sizing:border-box;display:table;}


#page {display:flex; flex-direction:column;justify-content:flex-start; height:100%; }
#wpm-main {flex-grow:2; flex-basis:80%;}
#wpm-header {flex-grow:1;}
#wpm-footer {flex-grow:1;}


/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent; text-decoration:none; color:#007bff}a:active,a:hover{outline-width:0;text-decoration:underline; color:#0056b3}
b,strong{font-weight:bolder}small{font-size:80%}

button,input,select,textarea{font:inherit;margin:0}
button,input{overflow:visible}button,select{text-transform:none; }
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

p {font-family:Verdana,Arial,sans-serif;color:var(--color-base);}
h1,h2,h3,h4,h5,h6{font-family:Roboto,Arial,sans-serif;color:var(--h-color)}
p,h1,h2,h3,h4,h5,h6 {display:block;font-weight:normal;line-height:1.3; margin:0;margin-top:0;margin-bottom:0;}
p {font-size:0.9rem; margin-top:5px;}
h1{font-size:calc(1.5rem + 1vw)}
h2{font-size:calc(1.1rem + .5vw)} 
h3{font-size:calc(1.1rem + .3vw)}
h4{font-size:calc(1rem + .2vw)}
h5{font-size:calc(1rem + .1vw) }


hr{clear:both;box-sizing:content-box;height:0;overflow:visible; border:0;border-top:1px solid var(--h-color);margin:20px 0}

button, .bouton {display:inline-block;font-size:1rem;padding:8px 16px;vertical-align:middle;text-align:center;cursor:pointer;white-space:nowrap;overflow:hidden;text-decoration:none;
	color:var(--btn-color);background-color:var(--btn-bgcolor);border:var(--btn-border-color) 1px solid;border-radius:5px;}
button:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

ul{list-style-type:none;padding:0;margin:0;margin-bottom:1rem;}
ul li{padding:3px 16px;} ul li:last-child{border-bottom:none; margin-bottom:0;}

table {border-collapse:collapse;}

/**
 * Grid System
 * doc : http://v4-alpha.getbootstrap.com/layout/grid/#predefined-classes
 * -----------------------------------------------------------------------------
 */

.container {width:100%;max-width:100%;padding:0;margin:0;background-color:transparent;position:relative;}
.row {margin-left:0; margin-right:0;}
.container:before,.container:after,.row:before,.row:after {display:table;content:" ";}
.container:after,.row:after {clear:both;}

.col{max-width:100%}
.col-auto{width:auto}.col-1{width:8.33333333%}.col-2{width:16.66666667%}.col-3{width:25%}.col-4{width:33.33333333%}.col-5{width:41.66666667%}.col-6{width:50%}.col-7{width:58.33333333%}.col-8{width:66.66666667%}.col-9{width:75%}.col-10{width:83.33333333%}.col-11{width:91.66666667%}.col-12{width:100%}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,
.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,
.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,
.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,
.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,
.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,
.col-sm-1-5.col-md-1-5.col-lg-1-5 {
    position:relative;min-height:1px;padding-right:15px;padding-left:15px;
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-1-5 {float:left;}

.col-xs-12 {width:100%;}.col-xs-11 {width:91.66666666666666%;}.col-xs-10 {width:83.33333333333334%;}.col-xs-9 {width:75%;}
.col-xs-8 {width:66.66666666666666%;}.col-xs-7 {width:58.333333333333336%;}.col-xs-6 {width:50%;}.col-xs-5 {width:41.66666666666667%;}
.col-xs-4 {width:33.33333333333333%;}.col-xs-3 {width:25%;}.col-xs-2 {width:16.666666666666664%;}.col-xs-1 {width:8.333333333333332%;}
.col-xs-1-5 {width:20%;}.col-xs-4-5 {width:80%;}.col-xs-2-5 {width:40%;}.col-xs-3-5 {width:60%;}

@media (min-width: 768px) {
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-1-5 {float:left;}

	.col-sm-12 {width:100%;}.col-sm-11 {width:91.66666666666666%;}.col-sm-10 {width:83.33333333333334%;}.col-sm-9 {width:75%;}
	.col-sm-8 {width:66.66666666666666%;}.col-sm-7 {width:58.333333333333336%;}.col-sm-6 {width:50%;}.col-sm-5 {width:41.66666666666667%;}
	.col-sm-4 {width:33.33333333333333%;}.col-sm-3 {width:25%;}.col-sm-2 {width:16.666666666666664%;}.col-sm-1 {width:8.333333333333332%;}
	.col-sm-1-5 {width:20%;}.col-sm-4-5 {width:80%;}.col-sm-2-5 {width:40%;}.col-sm-3-5 {width:60%;}
}
@media (min-width: 992px) {
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-1-5 {float:left;}

	.col-md-12 {width:100%;}.col-md-11 {width:91.66666666666666%;}.col-md-10 {width:83.33333333333334%;}.col-md-9 {width:75%;}
	.col-md-8 {width:66.66666666666666%;}.col-md-7 {width:58.333333333333336%;}.col-md-6 {width:50%;}.col-md-5 {width:41.66666666666667%;}
	.col-md-4 {width:33.33333333333333%;}.col-md-3 {width:25%;}.col-md-2 {width:16.666666666666664%;}.col-md-1 {width:8.333333333333332%;}
	.col-md-1-5 {width:20%;}.col-md-4-5 {width:80%;}.col-md-2-5 {width:40%;}.col-md-3-5 {width:60%;}
}
@media (min-width: 1200px) {
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-1-5 {float:left;}

	.col-lg-12 {width:100%;}.col-lg-11 {width:91.66666666666666%;}.col-lg-10 {width:83.33333333333334%;}.col-lg-9 {width:75%;}
	.col-lg-8 {width:66.66666666666666%;}.col-lg-7 {width:58.333333333333336%;}.col-lg-6 {width:50%;}.col-lg-5 {width:41.66666666666667%;}
	.col-lg-4 {width:33.33333333333333%;}.col-lg-3 {width:25%;}.col-lg-2 {width:16.666666666666664%;}.col-lg-1 {width:8.333333333333332%;}
	.col-lg-1-5 {width:20%;}.col-lg-4-5 {width:80%;}.col-lg-2-5 {width:40%;}.col-lg-3-5 {width:60%;}
}

/* pour flex */
.row {display:flex;flex-wrap:wrap;}
.row [class*="col-"] {flex: 1 1 auto ; max-width:100%;}
.col{flex:1 0 0%}  
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto {flex:0 0 auto;}

/*-- pour inline-block --- */
/*
  .row [class*="col-"] {display:inline-block; max-width:100%;}
*/

.container [class*="col-"] {background-color:transparent; margin-left:0; margin-right:0;padding:3px;}
.container article, .container .entry-content {float:none; width:auto; padding: 10px 0;}


article {border-bottom:1rem; border-bottom: var(--color-primary) 1px solid;}


/* ---- Before & after ----------------------- */

.clear::before, .clear::after, 
.entry-content::before, .entry-content::after, 
.comment-content::before, .comment-content::after, 
.site-content::before, .site-content::after, 
.site-main > article::before, .site-main > article::after, 
.primary-menu::before, .primary-menu::after, 
.social-links-menu::before, .social-links-menu::after, 
.textwidget::before, .textwidget::after, 
.content-bottom-widgets::before, .content-bottom-widgets::after {
  content:"";
  display:table;
}

.clear::after, blockquote::after, .entry-content::after, 
.site-content::after, .site-main > article::after, 
.primary-menu::after, .social-links-menu::after, 
.textwidget::after, .content-bottom-widgets::after {clear:both; }


/* ---- WPM-IMAGE ------------------------------ */

img, .wp-block-image img {height:auto;max-width:100%;vertical-align:bottom;}

figure {margin:5px 0;}
.image {
	background:transparent; margin:5px; 
    max-height:250px !important ;  
	width:100%; max-width:300px;
	display:block; float:left; margin-right:20px; text-align:center;
	/*display:flex; align-items:stretch; justify-content:center; */
}

.image img {max-height:250px; width:auto; border:#eee 1px solid; }
.large {max-width:100%; height:auto; max-height:100%; float:none;}

.alignleft .image  {margin-left:0; margin-right:20px;}
.alignright .image {margin-right:0; margin-left:20px; }

@media (max-width: 768px) {
	.image, .alignleft .image, .alignright .image {float:none; width:100%; text-align:center; margin:5px auto; padding:0; }
}


/*------ WPM-PAGINATION / WPM-POST NAVIGATION  -------------------------------*/

#pagination.container, #post-navigation.container { 
	border-top: var(--color-primary) 2px solid; 
	border-bottom:var(--color-primary) 2px solid; 
	margin-bottom: 20px;
	clear:both;
	text-align: center;
}

.pagination, .post-navigation { display: inline-block; background:transparent; width:100%; }

.pagination .meta-nav, .pagination .page-number,
.post-navigation .meta-nav {
  color: var(--h-color);
  padding: 2px 4px ;
  text-decoration: none;
  background-color:transparent;
  margin:0 2px;
  font-size: 1rem;
}
.pagination .meta-nav, .pagination .page-number {border: 1px solid var(--color-primary);}

.pagination a.active, .post-navigation a.active {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.post-navigation .nav-dir {display:inline-block;}

.pagination a:hover:not(.active), .post-navigation a:hover:not(.active) {background-color:var(--color-secondary);color:var(--color-primary);}

.post-navigation .nav-dir {font-weight:800;}


/* == GALERIES en mode Pinterest ========================================================================= */
.wp-block-gallery {-moz-column-count:3; -webkit-column-count:3; column-count:3; column-gap:15px;}
@media (max-width: 767px) {.wp-block-gallery {-moz-column-count:2; -webkit-column-count:2; column-count:2; column-gap:15px;} }
/* Pour forcer un affichage de galerie en style Pinterest */
body .is-layout-flex {display:flex;}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {width:100%;}
@media (min-width: 600px) {.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {width:100%;}}

	/* Effet de zoom lors du survol */
	.wp-block-image img{
		border-radius: 10px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		transition: transform 0.3s ease-in-out;
	}
	.wp-block-image:hover {transform: -translateY(-5px); }	
	.wp-block-image:hover img {transform: scale(1.1); -filter:grayscale(100); }

/* ========================================================================================================== */
.has-drop-cap {float:left;}
.has-drop-cap:not(:focus)::first-letter {
  float: left;
  -font-size: 8.4em; font-size:5em;
  font-style: normal;
  font-weight: 100;
  line-height: .68;
  margin: .05em .1em 0 0;
  text-transform: uppercase;
}
.has-drop-cap:not(:focus)::first-letter {color:RoyalBlue  ; font-style:italic;}