@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style-type : none;
	text-decoration: none;
	border: none;
}
html {
	background-color: #999;
	    scroll-behavior: smooth;
}
body {
	margin: 0 auto;
	max-width: 1600px;
	--margin: 2vw;
	--black : #282525;
	--yellow: #ecc039;
	--green: #489aae;
	--red : #A82626;
	--shadow: 5px 5px 20px #999;
	--border: 1px solid #ccc;
	--gap : 24px;
	background-color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  	font-style: normal;
    -webkit-font-smoothing: antialiased;
   	-moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: "liga" on;
    --font-size: 12px;
    --line-height: 32px;
    --padding: 24px;
    font-size: var(--font-size);

}


i {
	display: inline-block;
}
i:before {
	width: 48px;
	height: 48px;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	line-height: 48px;
	text-align: center;
}
aside i:before {
	color: #fff;
}
section i:before {
	color: #000;
}
small {
	font-size: calc(0.8 * (var(--font-size)));
	line-height: 32px;
}
.no-scroll {
	overflow: hidden;
}
.sticky-top {
	position: sticky;
	position: -webkit-sticky;
	margin-top: var(--padding);
}
.hidden,
main > div.com-weblinks-categories .com-content-categories__item span,
.list-hits {
	display: none;
	font-size: 0;
	line-height: 0;
}

input,
select,
textarea {
	font-size: var(--font-size);
	padding: 0 10px;;
	border: 1px solid #ccc;
	box-shadow: none;
	width: 100% !important;
}
select, input {
	height: 48px;
	line-height: 48px;
}
input[type="checkbox"] {
	width: 24px;
	height: 24px;
	margin-right: 12px;
}

input[type=submit], 
button[type=submit] {
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
}
textarea {
	line-height: 24px;
}


#contact-form div {
	display: flex;
	margin-bottom: var(--font-size);
}
#contact-form div.submit {
	justify-content: flex-end;
}
#contact-form label {
	width: 25%;
}
#contact-form input,
#contact-form textarea {
	width : 75%;
}
button {
	height: 48px;
	padding: 0 var(--padding);
	width: 100%;
}
button.input-password-toggle {
	margin-top: var(--padding);
}
img {
	max-width: 100%;
	height: auto;
}
p {
	margin-bottom: var(--font-size);
}
p.category,
p.readmore {
	margin-bottom: 12px;
}

main > header,
main > footer {
	padding: var(--margin);
}



.mod-articles-category-group {
	font-size: calc(2 * (var(--font-size)));

	font-weight: 600;
	color: #000;
	margin-bottom: var(--padding);
}
.osm-container h2.osm-item-title {
	font-size: calc(1.5 * (var(--font-size)));
}

h4,
ul[id^="slideshow"] h2,
.blog h2 {
	font-size: calc(1.2 * (var(--font-size)));
	padding-bottom: var(--font-size);
	font-weight: 800;
}
a {
	color:inherit;
	display: inline-block;
}
article a {
	text-decoration: underline;
}
article h3 a {
	text-decoration: none;
}
#content h3 {
	margin-top: 1.8rem;
	margin-bottom: 1.8rem;
}
article p.readmore a {
	text-decoration: none;
}

section.blog article p {
	position: relative;
	display: block;
}
section.blog article h2 + p:after {
	content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent, white);
    opacity: .8;
}
section.blog article h2 + p > * {
    z-index: 100;
}
#os_form select,
#os_form textarea {
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}

#content ul, #content ol {
	margin-left: 20px;
}
#content ul li {
	list-style-type: disc;
	margin-bottom : var(--margin);
}
#content ol li {
	list-style-type:decimal;
		margin-bottom : var(--margin);
}

#content a {
	text-decoration: underline;
	word-wrap: break-word;
}
#content ol p {
	text-align: left;
}

.blog h1,
.home h1,
.blog section,
.home section,
.blog aside,
.home aside,
.groupe h1,
.groupe section,
.groupe aside,
.classement h1,
.classement section,
.classement aside,
.com-users-reset h1,
.com-users-login h1,
.com-users-remind h1,
form#user-registration,
form#com-users-login__form,
.com-users-login__options {
	padding: var(--padding);
}





/* PAGE*/

#content .img-intro {
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
	border: 1px solid #666;
	width: 40%;
	height: auto;
}

/**/
.create-date-container {
	width: 40px;
	height: 32px;
	float: left;
}
article {
	position: relative;
}
section.blog h2.newsletter, body >footer div.newsletter {
	display: table-cell;
	text-align: center;
	width: 60px;
	background-color: #ecc039;
	height: 100%;
	font-size: 1.8rem;
}
h2.newsletter:lang(fr):before, body >footer div.newsletter:lang(fr):before {
	content :"n°";
	color: #000
}
body > footer div.newsletter {
	display: none;
	padding: 0;
}


#page > div > article {
	margin-left: 40px;
}
#page > div > h2.newsletter + article, body > footer div.newsletter + div {
	display: table-cell;
	padding: 20px;
}
body > footer div.newsletter + div {
	padding: 20px 0;
}
.create-date {
	width: 32px;
	height: 32px;
	margin-right: 5px;
	font-size: 10px;
	text-align: center;
	background: #029b99 url(../images/create-date_background.gif);
	border-radius: 2px;
	text-transform: uppercase;
	color: #fff;
	line-height: 16px;
}
.create-date:first-line {
	font-weight: bold;
	color: #000;
}
#page > div {
	margin-bottom: 40px;
}
.banneritem {
	text-align: center;
}

/*Article*/
main > header {
	display: flex;
	flex-wrap: wrap;

}
main header hr {
	height: 10px;
	background-color: #ccc;
	width: 100%;
}



.page-header h3,/* pour CB*/
h3.cb-page-header-title  { /* pour CB*/
	font-size: calc(2 * (var(--font-size)));
	font-weight: 300;
	line-height: calc(2 * (var(--font-size)));
	margin-bottom: var(--margin);
	flex: 1;
}


section.home h3, #content h2, section.blog h2 {
	text-transform: none;
	text-align: left;

}
p[class*="readmore"],
p.category, 
section .dossier div div p.category,
main article dd.category-name span[itemprop="genre"] {
	text-transform: uppercase;
}
p[class*="readmore"] {
	text-align: right;
	margin-top: 10px;
}

main article dd.published {
	color: #ccc;
	font-size: 12px;
}

/*.blog img {
	float: right;
	width: 32%;
	height: auto;
	margin-left: 5px;
	border: 1px solid #999;
}*/
#page > div > article > p + img {
	float: left;
	width: 25%;
	height: auto;
	margin-right: 5px;
	border: 1px solid #999;
}
#page > div > article .category {
	border-bottom: 1px dotted #27a1d0;
	margin-bottom: 5px;
	text-align: left;
}
#content {
	padding: var(--margin);
}
#content ul {
	list-style: disc;
}

section.multicol #content h2 {
	margin-bottom: 0;
}
.pagenavcounter, .pager {
	display: none;
}
.syndicate-module {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
}
.syndicate-module img {
	width: 32px;
	height: 32px;
}
#article-toolbar {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	line-height: 32px;
}
ul.actions {
	display: inline-block;
}
ul.actions li {
	display: inline-block;
}
ul.actions li img {
	width: 32px;
	height: 32px;
}
.article-index ul {
	margin : 20px;
}

.article-index ul li:nth-child(1) {
	margin-left: -20px;
}
.article-index ul li:nth-child(1):before {
	display: none;
}
/*SEARCH*/
#searchForm {
	background-color: #ecc039;
	
	font-size: 1.1rem;
}
#searchForm fieldset {
	border: 1px solid #000;
	margin: 20px 0;
	padding: 20px;
}
#searchForm fieldset legend {
	padding: 0 5px;
}
.controls label, .only label {
	display : block;
	height: 32px;
	line-height: 32px;
	width: 100%;
}
.controls label input, .only label input {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 5px;
	float: none;
	vertical-align: middle;
	margin-bottom: 0;
}
.chzn-single {
	font-size: 1.1rem;
}
.searchintro p strong {
	display: block;
}
#search-searchword {
	display: block;
	width: 100%;
}
.ordering-box {
	display: flex;
}
/**/
/*POPUP*/
#popup {
	position: fixed;
	width: 80vw;
	left: 10vw;
	height: 80vh;
	top: 10vh;
	overflow: scroll;
	background-color: #fff;
	visibility: visible;
	z-index: 500;
	border: 1px solid #000;
	box-shadow:0 0 80px rgba(0,0,0,0.5);
	padding: 30px 0;
	font-size: 1.5rem;
}
#popup > div > p {
	margin: 0 5%;
}


#popup > button {
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	top: 3px;
	right: 3px;
	background: url(../images/close.svg);
	font-size: 0;
	
}
#popup p a {
	text-decoration: underline;
}



/**/
/*CONTENT.GENERAL*/


/*pagination*/
footer.pagination {
	font-size: calc(0.8 * (var(--font-size)));
	text-align: center;
	width: 100%;
	padding: var(--margin) 0;
}
footer.pagination p.counter {
	text-align: center;
}
footer.pagination ul {
	display: flex;
	justify-content: center;
}
footer.pagination li {
	padding: 0 5px;
	line-height: 26px;
}
footer.pagination span.pagenav {
	background-color: #ccc;
	padding: 10px;
}

footer.pagination li.pagination-start, 
footer.pagination li.pagination-prev, 
footer.pagination li.pagination-next, 
footer.pagination li.pagination-end,
footer.pagination span.pagenav  {
	font-weight:600;
}
footer.pagination li.pagination-start span.pagenav, 
footer.pagination li.pagination-prev span.pagenav, 
footer.pagination li.pagination-next span.pagenav, 
footer.pagination li.pagination-end span.pagenav {
	background-color: transparent;
}

/*XMAP*/
#page.xmap > #content > ol.level_0 {
	list-style:none;
	margin-left: 0;
}
ol.level_3, ol.level_4, ol.level_5, ol.level_6 {
	display: none;
}
#page.xmap > #content >ul.level_0 > li > a, #page.xmap > #content ul.level_3, #page.xmap > #content ul.level_4 {
	display: none;
}
/*Contact*/



form {
	overflow: hidden;
}
legend {
	display: none;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#adminForm input[type="checkbox"] {
	float: none;
	margin-bottom: 0;
}
#adminForm input[type="checkbox"] + label{
	line-height: 32px;
}
input[type=image] {
	width: auto;
	height: auto;
}
input[type="submit"] {
	padding: 0 10px;
	margin: 0 auto;
	display: block;
	text-transform: uppercase;
}
div.form-check {
	display: flex;
}
div.cb_form_line {
	margin-top: 32px;
}
	
textearea {
	padding: 0;
}
#page select {
	border: 1px solid #ccc;
	height: 32px;
	line-height: 32px;
}
label {
	width: 25%;
	display: inline-block;
	white-space : nowrap;
	margin-right: var(--margin);
}
label.control-label {
	width: auto;
}
.submit {
	width: 100%;
}
button.validate {
	color: #fff;
	background-color: #489aae;
	border: none;
	padding: 5px 20px;
	margin-top: 3.2rem;
	text-transform: uppercase;
	width: auto;
	height: auto;
	font-size: 1.5rem;
	float: right;
}
#commentsText {
	height: 200px;
}
#verif {
	float: none;
	width: 30%;
	margin-left: 5%;
}

#container {
	padding-bottom:50px;
}
.details, .details a {
	color: #999
}
.details a {
	text-transform: uppercase;
	display: inline-block;
	margin-right: 20px;
}
.contact-address dt {
	float: left;
	width: 25%;

}
.contact-address dt img {
	width: 32px;
	height: 32px

}
.contact-address dd {
	margin-left: 25%;
	margin-bottom: var(--font-size);
}
.contact-address dd + dt {
	clear: left;
}

 
#content.general > div, #content.general form {
	margin-top: 1.8rem;
	display: inline-block;
	width: 100%;
}
#content.general div#easycalccheckplus, #content.general div#easycalccheckplus > div {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.blog-newsletter {
	text-align: left;
}
.blog-newsletter img {
	display: none;
}
div.cb_template {
	margin: 0 5%;

}
.cb_template label {
	white-space:nowrap;
}
/*osmap*/
#page.osmap h2 {
	display: none;
}
#page.osmap li {
	
	line-height: 32px;
}
#page.osmap ul.level_0 {
    margin: 0px 5% 40px;
}
#page.osmap ul.level_0 > li> span {
	text-transform: uppercase;
}
#page.osmap ul.level_1 {
    margin-left: 40px;
}

a.toclink:before {
	/*background : url(../images/icons.svg) no-repeat;
	background-size: 128px 128px;*/
	line-height: 48px;
	color: #999;
}



	
main article {
	display: flex;
	flex-direction: column;
}
main article dl {
	display: none;
}

main article h1 {
	font-size: clamp(20px, 10vw, 40px);
	order: 2;
}
main article .com-content-article__body {
	order: 3;
}

main > article,
main > div.com-weblinks-categories,
main > div.com-weblinks-category,
main > #osm-signup-page,
#osm-plan-item,
.osm-container {
	padding: var(--padding) !important;
}
main > div.blog,
main > div.home {
	padding : 0;
}
main > div.com-weblinks-categories .com-content-categories__item,
main > div.com-weblinks-category li {
	border: 1px solid #000;
	margin-bottom: var(--padding);

}
main > div.com-weblinks-categories .com-content-categories__item {
	height: 48px;
	line-height: 48px;
	text-transform: uppercase;
	padding: 0 20px;
	font-weight: 600;
}
main > div.com-weblinks-category li {
	padding: 20px;
}

 @media screen and (min-width: 480px) {
	section.article #content .img-intro {
		display: inline;
		height: auto;
		border: 1px solid #ccc;
	}
}

 @media screen and (min-width: 768px) {
	body {
		--font-size: 14px;
	}
	.blog section,
	.com-content-categories__items {
		display: flex;
		flex-wrap: wrap;
		gap: var(--padding);
	}
	.blog section .blog-item,
	.com-weblinks-categories .com-content-categories__items > div  {
		width: calc(50% - 24px);
		display: block;
	}

	
	main article dl {
		order: 1;
		display: flex;
		justify-content: space-between;
	}
	main article dl .article-info-term {
		display: none;
	}
	main article dd.category-name {
		font-size: 0;
	}

.create-date-container {
	width: 40px;
}
#page.article aside {
	width: 30%;
}
#page.article aside + div {
	margin-left: 35%;
}

section.article img.img-intro {
	float: left;
	border: 1px solid #ccc;
	height: auto;
	margin-right: 10px;
}
	#content.general ol {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#content.general ol li {
		width: calc(50% - (2 * (var(--gap))));
	} 
	
}
p.fr:before {
	content:'[FR]';
	margin-right: 6px;

}
p.ro:before {
	content:'[RO]';
	margin-right: 6px;
}
p.it:before {
	content:'[IT]';
	margin-right: 6px;
}
p.es:before{
	content:'[ES]';
	margin-right: 6px;
}
p.de:before {
	content:'[DE]';
	margin-right: 6px;
}
p.en:before {
	content:'[EN-US]';
	margin-right: 6px;
}
p.el:before {
	content:'[EL]';
	margin-right: 6px;
}
p.pt:before {
	content:'[PT]';
	margin-right: 6px;
}
p.ru:before {
	content:'[RU]';
	margin-right: 6px;
}
p.sk:before {
	content:'[SK]';
	margin-right: 6px;
}
*[lang="fr"],
*[lang="de"],
*[lang="en"],
*[lang="ro"],
*[lang="it"],
*[lang="es"] {
	display: none;
}
html[lang="fr-fr"] *[lang="fr"],
html[lang="ro-ro"] *[lang="ro"],
html[lang="de-de"] *[lang="de"],
html[lang="it-it"] *[lang="it"],
html[lang="es-es"] *[lang="es"],
html[lang="en-us"] *[lang="en"],
html[lang="en-gb"] *[lang="en"] {
	display: inline;
}

	

/* XMAP HTML*/

ol.level_1, ol.level_2, ol.level_3, ol.level_4 {
	margin-left: 20px;
	padding-left: 20px;
}

@media screen and (max-width: 1023px) { 
	body > header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	main {
		margin-top: 96px;
	}
}


@media screen and (min-width: 1024px) {
	body {
		--gap: 40px;
		--padding: 48px;
		
	}
	
	
	main > .flex article {
		width: 50%;
	}
	main article .com-content-article__body {
		columns: 2;
		gap : var(--padding);
	}
	
	
}

@media screen and (min-width: 1400px) {	 
	body{
		--font-size: 16px;
	}
	
	main > div.blog,
	main > div.home,
	main > div.groupe,
	main > div.classement {
		display: grid;
		grid-template-areas : "title aside" "content aside";
		grid-template-columns: 66.66% 33.33%;
		grid-template-rows: auto 1fr;
	}
	.blog h1,
	.home h1,
	.groupe h1
	.classeement h1 {
		grid-area: title;
	}
	.blog section,
	.home section,
	.groupe section,
	.classement section  {
		grid-area: content; 
		align-items : start;
	}
	.blog aside,
	.home aside,
	.groupe aside,
	.classement aside {
		grid-area: aside;
	}
	

	.nogrid aside {
		display: none;
	}
	main > div.blog.nogrid,
	main > div.classement.nogrid {
		display: block;
	}
	main > div.blog.nogrid section .blog-item {
		width : calc(33.33% - 32px);
	}
	.classement aside nav,
	.groupe aside nav,.home aside > div {
		position: sticky;
		top: var(--padding);
	}
	.blog aside .cat-children ul {
		margin-left: -48px;
	}
}
 /*Overide OSM*/
 #osm-plans-list-default {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: center;
 	gap: var(--padding);
 }
 #osm-plans-list-default .osm-item-wrapper {
 	flex: 1;
 	min-width: 250px;
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
 	max-width: 400px;
}
#osm-plans-list-default .osm-item-heading-box {
 	height: 100px;
 	text-align: center;
}
#osm-plans-list-default .osm-item-description {
	flex: 1;
	display: flex;
	flex-direction: column;
 	justify-content: space-between;
	
}
#osm-plans-list-default .osm-description-details p:first-of-type,
#osm-plan-item .osm-description-details p:first-of-type {
  font-size: 60px;
  text-align: center;
  line-height: 60px;
}
.osm-item-title {
	line-height: 120%;
	text-align: center;
}
.osm-taskbar ul {
	display: flex;

}
.osm-taskbar ul li {
	flex: 1;
	margin: 20px 0 0 0 !important;
	padding: 0 !important;
}
.osm-taskbar ul li .btn {
	width: 80%;
	margin: auto;
	text-align: center;
	text-transform: uppercase;
	display: block;
	background-color: #489AAE;
	line-height: 40px;
	color: #fff;
}


#os_form .control-group > div:last-child,
#osm_form .control-group > div:last-child,
#osm_login_form .control-group > div:last-child {
	flex: 1;
}

#os_form select,
#osm_form select,
#osm_login_form select {
	border: 1px solid #000;
}
.osm-message p {
	margin-bottom: 20px;
}
#os_form input#btn-submit,
#osm_form input#btn-submit,
#osm_login_form input#btn-submit {
	text-align: center;
	text-transform: uppercase;
	text-indent: 0;

}
#osm_form .controls {
	line-height: 3.2rem; 
}

#osm-profileTabs {
	display: none;
}

.osm-container table {
	margin: var(--margin) 0;
	width: 100%;
}
.osm-container thead {
	background-color: var(--green);
}
.osm-container th,
.osm-container td {
	padding: 6px;
}

#kunena.layout {
	padding: var(--margin) !important;
}

#kunena.layout .kforum-pathway {
	padding: 0 !important;
	margin: 0 !important;

}
#page .moduletablecblogin {
	padding: var(--margin);
	width: 100%;
}
h1 {
	font-weight: 300;
	padding-bottom: 48px;
}

h1:after {
	display: block;
	content:"";
	height: 10px;
	background-color: #ccc;
	margin-top: 20px;
}



aside {
	background-color: #ecc039;
}
form,
form + div,
form {
	max-width: 600px;
	margin: auto;
}
#os_form {
	max-width: 600px;
	margin: auto;
}
#os_form .control-group,
#osm_login_form .control-group,
#adminForm > div {
	max-width: 600px;
	margin: 0 auto 24px auto;
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}
 
#os_form #payment_method_container .control-label,
#os_form #payment_method_container fieldset div {
	margin-bottom: 24px;
}
#os_form #payment_method_container input,
#os_form .osm-privacy-policy input {
	min-width: 24px !important;
	vertical-align: middle;
}
.form-row,
.form-row .input-group {
	display: flex;
	line-height: 24px;
}
.form-row#field_Politique_de_confidentialite_de_lOEP,
.form-row#field_comment,
.form-row.osm-privacy-policy {
	display: block;
}
.form-row#field_Politique_de_confidentialite_de_lOEP > div,
.form-row#field_comment > div,
.form-row.osm-privacy-policy > div:last-child  {
	width: 600px;
}
.form-row > div:first-child {
	width: 250px;
}
.form-row > div:last-child {
	width: 350px;
}
#os_form input[type="text"] {
	width: 100% !important;
}
#os_form .osm-payment-method-item label {
	width: 60px;
}
#os_form .osm-payment-method-item label input,
#os_form label input[name="agree_privacy_policy"] {
	width: 24px !important;

}

textarea#comment {
	width: 100% !important;
}


.control-group >  *  {
	flex-basis: 50%;
	min-width: 200px;
}
.login fieldset > div {
	line-height: 48px;
	margin-bottom : var(--padding);
}
.login .control-label {
	width: 300px;
}
.login span.form-control-feedback {
	font-size: 12px;
	line-height: 48px;
	padding-left: var(--padding);
	color: var(--red);
	font-weight: 600;
}
.login a {
	display: block;
}
div.icons,
*[class*="jmodedit"],
div[id*="tip"] {/*disable editing in frontend*/
	display: none;

}
#selection header {
	display: flex;
	justify-content: space-between;
}
.blog-item {
	display: flex;
	gap: 24px;
	padding-bottom: var(--padding);
}


h2[itemprop="headline"],
nav.pagenavigation {
	display: none;
}
.blog aside li {
	display: block;
	font-weight: 400 !important;
	line-height: 48px;
}
.blog aside i:before {
	color: #000;
	font-size: 16px;
}
ul.pagination {
	display: flex;
	gap: 20px;
	justify-content: center;
}
.com-content-category-blog__navigation {
	text-align: center !important;
	width: 100%;
}
.blog aside h2,
.groupe aside a {
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  background-color: #ecc039;
  display: block;
  font-size: calc(3 * (var(--font-size)));
  padding-bottom: var(--font-size);
}
.blog aside h2 + div {
	background-color: rgba(255,255,255,0.5);	
	padding: 12px;
	font-weight: 400;
}
.blog aside p.readmore {
	color: #000;
}
.blog aside .cat-children {
	margin-left: -48px;
}
.blog aside .cat-children,
.blog aside h2 + div {
	margin-bottom: 48px;
}
a[href*=pdf]:before {
	content: "\f1c1"; 
	font-family: "Font Awesome 5 Free";
	margin-right: 12px;
}
p.fr a[href*=pdf]:before,
p.en a[href*=pdf]:before,
p.ro a[href*=pdf]:before,
p.it a[href*=pdf]:before,
p.es a[href*=pdf]:before,
p.de a[href*=pdf]:before,
p.el a[href*=pdf]:before,
p.pt a[href*=pdf]:before,
p.ru a[href*=pdf]:before {
	content: ""; 
	font-size: 0;
	margin-right: 0;
}
#osm-plan-item > *:not(h1) {
	max-width: 300px;
	margin: auto;
}

.mod-articlescategory ul {
	margin-bottom: var(--padding);
}
.mod-articlescategory ul {
	margin-bottom: var(--padding);
}
.mod-articlescategory ul li {
	display: flex;
	min-height: 48px;
}
aside .mod-articlescategory a {
	display: block;
}

span.fas.fa-book-reader,/*biblio*/
span.fas.fa-comments,/*colloque*/
span.fas.fa-sticky-note,/*article*/
span.fas.fa-bell /*appel*/ {
	font-size: 0 !important;
	color: #ecc039;
}

span.fas.fa-book-reader:before,
span.fas.fa-comments:before,
span.fas.fa-sticky-note:before,
span.fas.fa-bell:before {
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
}
ul.tags {
	display: inline-block;
	margin-bottom: 0;
}
ul.tags li:last-child {
	padding-right: 6px;
}
ul.tags li {
	display: none;
}
ul.tags li.tag-312,
ul.tags li.tag-314,
ul.tags li.tag-315,
ul.tags li.tag-317 {
	display: inline-block;
}

.groupe p.category + li {
	margin-bottom: 12px;
}
h1:before {
	text-transform: uppercase;
	display: block;
	color: #ccc;
	font-weight: 700;
}

html[lang="fr-fr"] h1.classement:before {
	content:"Classement thématique";
}
html[lang="it-it"] h1.classement:before {
	content:"Classificazione tematica";
}
html[lang="en-us"] h1.classement:before {
	content:"Classification by theme";
}
html[lang="de-de"] h1.classement:before {
	content:"Thematische Einordnung";
}
html[lang="es-es"] h1.classement:before {
	content:"Clasificación temática";
}
html[lang="ro-ro"] h1.classement:before {
	content:"Clasificare tematică";
}
html[lang="fr-fr"] h1.biblio:before {
	content:"Bibliographie";
}
html[lang="de-de"] h1.biblio:before {
	content:"Neuerscheinungen";
}
html[lang="en-us"] h1.biblio:before {
	content:"Bibliography";
}
html[lang="es-es"] h1.biblio:before {
	content:"Informes Publicaciones";
}
html[lang="it-it"] h1.biblio:before {
	content:"Pubblicazioni";
}
html[lang="ro-ro"] h1.biblio:before {
	content:"Lansări";
}
html[lang="fr-fr"] h1.colloque:before {
	content:"Colloques et séminaires";
}
html[lang="de-de"] h1.colloque:before {
	content:"Kolloquien und Seminare";
}
html[lang="en-us"] h1.colloque:before {
	content:"Symposiums and seminars";
}
html[lang="es-es"] h1.colloque:before {
	content:"Coloquios y seminarios";
}
html[lang="it-it"] h1.colloque:before {
	content:"Colloqui e seminari";
}
html[lang="ro-ro"] h1.colloque:before {
	content:"Colocvii și seminarii";
}
html[lang="fr-fr"] h1.appel:before {
	content:"Appels à communication";
}

h1.colloque + section p.category,
h1.biblio + section p.category,
h1.appel + section p.category,
h1.classement + section p.category {
	display: none;
}
figure.left.item-image {
	float: left;
	width: 30%;
	height: auto;
	margin-right: 24px;
	display: block;
	border: 1px solid #000;
	font-size: 0;
}
main > article > ul.tags {
	display: none;
}
div.logout {
padding : 48px;
}
.com-weblinks-category__items form,
.com-weblinks-category__items form > div {
	max-width: 100%;
}
.com-weblinks-category ul.category li img {
	max-width: 200px;
}
input#remember {
	width: auto ! important;
}
.form-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.form-check-input {
  margin: 0;          /* annule les marges parasites */
  flex-shrink: 0;     /* évite que la case se compresse */
}