/*
Theme Name: Perso JM final
Author: JMC
Description: Thème de travail
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jmc
Tags: 
*/
/*
https://developer.wordpress.org/themes/basics/main-stylesheet-style-css/
*/

* {
  margin: 0;
  /* padding: 0; */
}

html {
	/* margin: 0 !important; */
	font-family: sans-serif;
  font-size: 16px;
  /*
	line-height: 1.2em;
	text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
  */
}
body {
  position: absolute;
  top: 0; left: 0; right: 0;
  background: #fff;
}
a {
  text-decoration: none;
  color: #00f;
}
a:hover {
  background: #fee;
}

header, main, footer, .zone-laterale, nav, article, section {
  margin: 0em;
  padding: 1em;
}
header, main, footer, article, section {
	display: block;
}
#content, .zone-laterale, nav {
	display: inline-block;
}
header {
  position: relative;
  top: 0; left: 0; right: 0;
  background: #fff;
  padding-bottom: 0;
  z-index: 1;
}
header h1 {
  margin-right: 7em;
	font-size: 2em;
	text-align: left;
}
header h1 a {
  color: #008;
}
header h2 {
	font-size: 1em;
	text-align: left;
	font-style: italic;
}
/*
#wpadminbar {
  z-index: 10;
}
*/
#searchform {
  display: block;
  /* float: right; */
  position: absolute;
  bottom: 0; right: 1em;
  width: 15em;
  margin: -1em -1em 0 0;
  padding: 0.5em;
  background: #ddd;
}

main {
  position: relative;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  padding: 4em 0 0 0;
  z-index: 0;
  vertical-align: top;
  background: #ddd;
}
#content {
  position: relative;
  /*background: #eee;*/
	width:70%;
	margin: 0 ;
  text-align: center;
}
#content h2 {
  text-align: left;
  margin: 0em 0em 1em 0em;
}
#content.page {
	width:100%;
	margin: 0.5em auto 0 auto;
}
#content .contenu pre {
  font-family: monospace;
  font-size: 0.9em;
  max-height: 50vh;
  margin-left: 10%;
  border: 2px outset #000;
  background: #eee;
  overflow: auto;
  white-space: pre;
}

.wp-caption {
  max-width: 100%;
}

.article-suiv-prec {
  width: 100%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.zone-laterale {
  position: relative;
  vertical-align: top;
  margin: 1em 2% 0 1%;
  padding: 0 0 1em 1vw;
  border: solid 1px #000;
  background: #fff;
  width: 22%;
}
.zone-laterale h2 {
  display: inline-block;
  position: relative;
  top: -0.7em;
  background: #fff;
  text-align: center;
}
.zone-laterale ul {
  padding-left: 2vw;
  overflow-x: hidden;
}

footer {
	margin: 1em 0 0 0;
  padding-bottom: 0.5em;
  background: #ccc;
}
footer .widget-area {
}
footer .widget-area .widget {
  display: inline-block;
  vertical-align: top;
  width: 25em;
  margin: 0 0.5em 0 0.5em;
  padding: 0.5em;
  background: #fff;
}

footer #div-haut-page {
  position: fixed;
  bottom: 50px;
  right: 30px; 
}
footer .imgHautPage {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
}
footer #imgHautPageOff:hover {
  opacity: 0;
}
footer #signature {
  margin-right: 2em;
	text-align: right;
}

.alignnone {
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
  margin: auto;
}

blockquote {
	margin: 1em 1em 1em 10%;
  padding: 0.5em;
	border: 5px outset #888;
	background: #fff;
  box-shadow: 10px 10px 10px #444;
}

.cadre_commentaires {
  padding-bottom: 0.2em;
}
.commentlist .comment-texte {
  border-left: 1px solid #888;
  border-bottom: 1px solid #888;
  margin-bottom: 1em;
  padding-left: 0.3em;
}