/* Jack : css 01 : tous les formats */
/* body couleur de fond, font & padding*/
body{
	background: white; /* #43BBA9 avtwpreseau : #2F4F4F; --- #41AAAB gris CuD = #5D646E  black #000 #171717 #fff */
	padding: 1px;
	/* base classique : http://www.alsacreations.com/article/lire/631-quelles-polices-pour-un-site-web.html */
	/* Polices à empattements (serif) */
	/* font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif; */
	/*font-family: Georgia, "DejaVu Serif", Norasi, serif;*/
	/* Polices sans empattements (sans-serif) */
	/* font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; */
	/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
	/* font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif; */
	/* font-family: Tahoma, Geneva, Kalimati, sans-serif; */
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	/* font-family: Impact, "Arial Black", sans-serif; */
	/* Polices à chasse fixe (monospace) */
	/* font-family: "Courier New", Courier, "Liberation Mono", monospace; */
	/* font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace; */
	/* 	*/
	/* ========================= */
	/* ===== Taille de base des caractères dans les déclinaisons === */
	/*font-size: 9pt;*/
	line-height: 1.3em;
	letter-spacing: 0;
	/* ========================= */
}
/*  */
/* === MARGES globales extérieures & intérieures */
/*  */
/* MARGES EXTérieures globales & GESTION FLOW */
/*  */
/*header,main,footer,section,article,div{
	margin: 0 0 0 0;
	overflow: hidden;
	border-radius: 5px;
}*/
/* enlever border-radius des sections */
section{
	border-radius: 0px;
}
/*  */
/* ========= marges intérieures */
/*  */
body header,main{
	padding: 1px;
}
/*  */
section, article{
	padding: 1px
}
p{
	margin: 5px 5px 5px 5px;
	text-align: justify;
}
/* */
/*spécifique tribune */
/* */

/*  */
/* ========================= Les H SPEC Globales ===  */
/*  */

h6{
	font-size: 1em;     /*1.1em*/
	/*background-image: url(../asset/images/icoh6.png);
	background-size: 15px;
	background-repeat: no-repeat;
	/*background-position: 2px 2px;  en déclinaisons
	padding-left: 22px; */
	margin: 8px 0 2px 0;*/
}
h6::first-letter{
	text-transform: capitalize;
}
/* */
h3{
	font-size: 1.4em;
	/* background-image: url(../asset/images/icoh6.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding-left: 22px; */
	margin: 4px 0 7px 0;
}
h5{font-size: 1.2em;line-height: 1.4em;}h4{font-size: 1.3em;}h2{font-size: 1.5em;line-height: 1.2em}

h1{
	font-size: 1.8em;

	font-weight: bold;
	font-style: normal;
	/*text-transform: uppercase;*/ /* lowercase capitalize */
	text-align: center;
	padding-bottom: 1px;
	padding-top: 1px;
}

.sectionhorizontale{
	width: 100%;
	margin: 0 0 0 0;
	font-size:1rem;
	/*padding: en déclinaisons*/
	/*padding: 2px 0 2px 0;*/
	border-bottom-style: solid;
	border-bottom-width: 0px;   /*1px*/
	border-bottom-color: white;
}


form.display-form.obsa-item {
	display:grid;
	grid-template-columns: auto auto; /*max-content max-content;*/
	grid-gap:5px;
}
form.display-form.obsa-item label {
	display:inline-block;
	text-align: right;
	padding-top:6px;
	vertical-align:baseline;
	margin-top:4px;
	margin-right:10px;
	font-weight:900;
}
form.display-form.obsa-item input, textarea, select, fieldset {
	display:inline-block;
	border-color: rgba(169, 169, 169, 0.3);
	border-width:2px;
	border-style:solid;
	padding-left:12px;
	padding-right:12px;
	padding-top:1px;
	padding-bottom:1px;
	font-weight:600;
	margin-top:5px;
}
button.obsa_bottom_button {
	background-color:#bab5b8;
	padding:10px 14px 10px 14px;
	height:30px; font-weight:600;
	line-height:0.8em;
	color:white;
}
button.obsa_bottom_button:hover {
	background-color: #b2adb0;
	color:#ff0b0b;
}

.switch-field {
	display: flex;
	margin-top: 5px;
	overflow: hidden;
}
.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}
.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
	cursor: pointer;
}
.switch-field input:checked + label {
	background-color: #a5dc86;
	box-shadow: none;
}
.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}

.sub-menu {
	line-height: 0.7em;
	font-size:15px;
}

.gfdgdgd{
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	border-style:inset;
}

.obsa_linklist p {
	display:inline-grid;
}


.obsa_linklist a {
	margin-left: 3em;
}

@media only screen and (max-width: 400px) {
	.obsa_linklist a {
		margin-left: 0.4em;
	}
}


div.itemlink {
	margin-left: 3em;
}


@media only screen and (max-width: 400px) {
	div.itemlink {
		margin-left: 0.4em;
	}
}

div.displayMore { 
	margin-top:30px; 
	margin-left:15px; 
	margin-bottom:20px; 
	text-align:center; 
	height:28px; 
	border-radius:4px; 
	margin-top:16px; 
	background-color:#cfcfcf; 
	width:180px; 
	border-width:2px; 
	border-style:solid; 
	border-color:#256f87; 
}

div.displayMore a { 
	font-style:normal; 
	font-weigth:400; 
	text-decoration:none; 
}


div.abstract {
	padding:6px;
	width:85%;
	border-radius:6px;
	background-color:#d2e8ef;
	margin-bottom:13px;
	margin-left:55px;
	margin-right:45px;
	text-decoration:none;
	font-size:0.9em;
	font-weight:500;
	font-style:normal;
}


.filterSelector {
	margin:9px;
	width:170px;
}


@media screen and (max-width: 741px) {
	#content.site-content {
		margin: 0px;
		max-width: 100%;
		padding: 0px;
	}
	#primary.content-area {
		margin: 0;
		padding: 18px;
	}
	div.abstract {
		margin-left: 15px;
		margin-right:15px;
		margin-top: 5px;
		font-weight:400;
		width:95%;
		font-size: 0.9em;
		line-height: 1.1;
	}
	.filterSelector {
		margin:3px;
		width:150px;
	}
	.filterSelector.ui-accordion .ui-accordion-icons {
		padding-left: 20px;
	}
	#surleblog {
		font-size: 0.8em;
	}
	h1.site-title {
		font-size: 32px;
		font-weight: 600;
		line-height: 1;
		text-decoration: none;
		margin: 0 0 18px 0;
		clear: none;
	}
	h6 {
		font-size: 0.8em;	
	}
	h5 {
		font-size: 0.9em;	
	}
	p {
		font-size: 0.9em;	
	}
	.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
		display: none;
	}
	.mobilehidden {
		display: none;
	}
	p.site-title {
		display: none;
	}
}


.obsa-tags {
	border: 1px solid;
	border-color: rgba(118, 118, 118, 0.3);
	border-width:2px;
	box-sizing: border-box;
	padding: 0.2em 0.5em;
	display: inline-flex;
	flex-wrap: wrap;
	font-size: 14px;
}
.obsa-tags > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap; }
.obsa-tags ul li {
	margin: 0.3em 0.2em;
	padding-left: 0.6em;
	background-color: #e1e1e1;
	border-radius: 5px;
	font-size:1em;
	font-weight:400;
//color: #fff;
}
.obsa-tags ul li a {
	margin: 0.7em 0.2em 0.2em 0.2em;
	text-decoration: none;
	background-color: #e1e1e1;
	color: inherit;
}
div.obsa-tags input.taginput {
	padding: 0.9em 0.5em;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	height: 24px;
	flex-grow: 1;
	border: none;
	outline: none;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
}

.oa-filter-tag button {
	padding:2px;
	border:none;
	margin-left:5px;
}

.oa-filter-tag button:hover {
	color:#256f87;
	background-color:#cfcfcf;
}


div.oa-filter-tag {
	display: inline-block;
	padding:0.1em 0.6em 0.1em 0.6em;
	margin: 0.6em;
	font-weight:400;
	background-color: #cfcfcf;
	border-width:1px;
	color: #131313;
	border-radius: 6px;
}

.main-navigation, .entry-title, .site-title {
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
}

/*  */
/* === paragraphe spécifique docuthèque  */
.paragraphedocutheque{
	float: left;
}
.titreparagraphedocutheque{
	float: left;
	color: white;
	font-weight: bold
}

.obsant2 {
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	font-type: normal;
	font-size:0.85rem;
}

.obsant2.itemlink {
	text-decoration:none;
}

.obsant2.itemlink a {
	text-decoration:none;
}

.obsant2.authorlink {
	text-decoration:none;
}


.sectiontitresite {
	margin-left:10px;
}


/*  */
/* ======================== liens en général */
/*

.obsant2 a, a:hover, a:active, a:visited{
    font-style: normal;
}
*/


/* === Jack : css 01 : FORMAT GLOBAL FIN ===*/

.withabstract {
	margin-left:15px;
	position: relative;
	opacity : 0.99;
}

@media only screen and (max-width: 600px) {
	.withabstract {
		margin-top: 0.8em;
		line-height: 132%;
		margin-left: 0px;
	}
}

.withabstract .abstracttext {
	position: absolute !important; //relative*
visibility: visible;
	padding:5px; width:70%; top:10px; left: 20px; percent-width: 60%; height:auto;
	background-color: #555; color: #fff; text-align:left; border-radius: 6px;
	overflow: visible;
	opacity : 0.99;
}



.oa_tooltip {
	position: absolute;
	background: #256f87;
	color: #fffcf9;
	left:100px; width:60%;
	padding: 6px 12px;
	border-radius:4px;
	opacity : 1;
	z-index:100;
	font-family: arial;
	font-size: 12px;
}
.oa_tooltip:after {
	content : " ";
	position:absolute;
	width: 0; height: 0;
	bottom:-5px; left:100px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #646464;
	z-index:100;
	opacity : 1;
}


.ui-accordion .ui-accordion-header {
	display: block; cursor: pointer;
	position: relative; margin-top: 2px;
	padding: 0.1em 0.6em 0.1em 0.6em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

.ui-accordion .ui-accordion-content {
	padding: 0.5em 0.9em;
	border-top: 0;
	overflow: auto; zoom: 1; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	-moz-border-radius-bottomright: 6px /*{cornerRadius}*/;
	-webkit-border-bottom-right-radius: 6px /*{cornerRadius}*/;
	-khtml-border-bottom-right-radius: 6px /*{cornerRadius}*/;
	border-bottom-right-radius: 6px /*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	-moz-border-radius-bottomleft: 6px/*{cornerRadius}*/;
	-webkit-border-bottom-left-radius: 6px/*{cornerRadius}*/;
	-khtml-border-bottom-left-radius: 6px/*{cornerRadius}*/;
	border-bottom-left-radius: 6px/*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	-moz-border-radius-topright: 6px/*{cornerRadius}*/;
	-webkit-border-top-right-radius: 6px/*{cornerRadius}*/;
	-khtml-border-top-right-radius: 6px/*{cornerRadius}*/;
	border-top-right-radius: 6px/*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	-moz-border-radius-topleft: 6px/*{cornerRadius}*/;
	-webkit-border-top-left-radius: 6px/*{cornerRadius}*/;
	-khtml-border-top-left-radius: 6px/*{cornerRadius}*/;
	border-top-left-radius: 6px/*{cornerRadius}; */;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
	background: #cfcfcf;
	font-weight: normal /*{fwDefault}*/;
	color: #131313 /*{fcDefault}*/;
}

.ui-state-active .ui-icon {
	background-image: url(../asset/images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
}

.ui-state-default .ui-icon {
	background-image: url(../asset/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
}

[data-tooltip2]:after {
	position : relative;
	content : attr(data-tooltip);
	background-color:red;
	border: 3px solid #73AD21;
	opacity : 0.2;
}

[data-tooltip2]:hover:after {
	percent-width: 60%;
	display:block;
	opacity : 0.8;
}