@charset "UTF-8";

/**
 * @package 	  myPlxTheme-Enhanced-100-no12col
 * @version 	  v14.10
 * @site 		  https://github.com/cpalo/simplePluTheme
 *
 * @author 		  Patrice Cahue aka cpalo
 * @site 		  https://plusimplexml.fr
 * @license 	  Coding under GNU GPL v3.0 or later
 * @license 	  Content & others under CC-BY-NC-SA
 * 
 * @file		  css/myplxtheme-enhanced-100-no12col-14.10.css
 * @lastmodified  2024-09-24
 *
 *
 * ------------------------------------------------------------
 * ---       MY-PLX-THEME-ENHANCED-100-GRID-NO12COL         ---   
 * ---              v14.10 for PLUXML 5.8.16                ---   
 * ------------------------------------------------------------
 *
 * 
	Table of Content :
	------------------
    01 - Customization
	02 - Base styles
    03 - Global layout    
	04 - TopBar
	05 - Site-Header
	06 - Navigation
	07 - Site-Hero
	08 - Main-Content
	09 - Sidebars	
	10 - Site-Footer
	11 - Plugins
	12 - Other Components
*/


/**
 * Credits and thanks :
 * --------------------
 * Ce travail est une adaptation du thème par défaut de PluXml : theme.css 
 *		plucss v1.3.1     | 2020-01-05 | GPL License | https://github.com/pluxml/PluCSS
 *		theme.css v5.8.15 | 2024-07-18 | GPL License | https://github.com/pluxml/PluXml 
 *		Authors	Stephane F., Pedro "P3ter" CADETE., Thomas "sudwebdesign" Ingles. 
 */
 
/* ------------------------------------------------------------
 * --- 00 - FEATURES : MAIN CHANGES COMPARED TO PLUCSS
 * ------------------------------------------------------------ */
 
 
/* ------------------------------------------------------------
 * --- 01 - CUSTOMIZATION 
 * ------------------------------------------------------------ */
 
@import url("../../assets/fonts/font-opensans.css");
/*@import url("myplxtheme-colors.css");*/

:root {	
	--font-body: 'Open Sans';
	--font-heading: 'Open Sans';
	--text-color: hsl(202, 9%, 25%); /* #3a4145; */
}

@media (min-width: 992px) {
	:root {
		--text-size: 1.0625rem;  	/* 17px */
		--text-line-height: 1.6; 	/* 17px * 1.6 = 27.2px */
		--leading: 1.7rem;	
	}
}

@media (min-width: 64rem) {
	.container {
		padding-left: calc(var(--spacing-1) * 3.5); /* 50px; */
		padding-right:calc(var(--spacing-1) * 3.5); /* 50px; */
	}
}

@media (min-width: 128rem) {
	.container {
		padding-left: calc(var(--spacing-1) * 10); /* 150px; */
		padding-right:calc(var(--spacing-1) * 10); /* 150px; */ 
	}
}


/* ------------------------------------------------------------
 * --- 02 - BASIC STYLES
 * ------------------------------------------------------------ */  
 
.cat-list .active,
.classified-in .active {
	background-color: hsl(204, 51%, 61%); /* bleu mat clair #6aa6ce; */
	color: var(--color-white);
}
 
/* ------------------------------------------------------------
 * --- 04 - TOPBAR 
 * ------------------------------------------------------------ */




/* ------------------------------------------------------------
 * --- 05 - SITE-HEADER 
 * ------------------------------------------------------------ */
 
body {
	--header-height: 4.375rem;				/*  70px */
	--header-padding-top: .8125rem; 		/*  13px */
}
 
.site-header {

	--header-background-color: var(--color-white);
	--header-border-color: var(--plx-color-lightgray);
	
	position: sticky;
	top: var(--topbar-height, 0);
	
	/* margin-top: calc(var(--rowgap) * -1); */  
	height: var(--header-height); 
	padding-top: var(--header-padding-top);
	
	background: var(--header-background-color);
	border-bottom: 1px solid var(--header-border-color);
	z-index: 2;	
}

	.grid-header {
		display: grid;
		grid-template-columns: auto auto;
		grid-template-areas: "brand nav";
		justify-content: space-between;
		align-items: start;
		padding-right: 12px;
	}

		.site-branding {
			grid-area: brand;
		}

		.main-navigation {
			grid-area: nav;
			text-align: right;
			padding-top: 0;
		}
	
@media (max-width: 463px) {
	.site-header {
		height: var(--header-height);	
	}
}
	
@media (max-width: 767px) {
	.site-header {
		position: sticky;
		top: 0;
	}
	
	.site-header:hover .grid {
		overflow: unset
	}
	.site-header div.grid{
		overflow: unset;/* fix hidden sub-menu */
	}
	
	.site-header {
		padding: var(--my-unit-25) 0;	/* 10px */
	}
	
		.main-navigation {
			position: sticky;
			top: 0;
			z-index: 4; /* responsive slide is in 3 */
			height: auto;
			max-height: 100%;
			overflow-y: auto;
			text-align: left;
			margin-top: 0;
			z-index: 10;
			border-radius: var(--my-unit-25);	/* 10px */
			background-color: var(--color-white);
		}
		
		.main-navigation > .container {
			padding: 0;
		} 	
}

/* - 5.2 - Site Branding
   ------------------------------------------------- */
   
.logo {	
	background: url("../img/pluxml-logo-black.png") top left no-repeat;
	height: 50px;
	background-size: 40px;	
	background-position: 10px 0;
	padding-left: 20px;		
	padding-left: 60px;
	margin-left: -10px;		
}
	
.site-branding h2 {		
	font-size: 12.5px;
	margin: 0;
}		
		
p.site-subtitle {
	font-size: 10px;
	margin: 0;
}
		
.site-branding a {
	color: var(--plx-color-blackgray);	/* #222 */
}
.site-branding a:hover {
	text-decoration: none;
}
	
@media (max-width: 575px) {	
	h2.site-title {
		line-height: .5;
		margin-bottom: var(--unit-15);	/* 5px */
	}
}	

@media (min-width: 576px) {
	
	.logo {
		background-size: 50px;
		background-position: 25px 0;
		padding-left: 80px;
		margin-left: -10px;
	}
	
		.site-branding h2 {
			font-size: 16px;
		}
		
		p.site-subtitle {
			font-size: 12.5px;
		}
}

@media (max-width: 767px) {	
	.site-branding a:hover {
		color: var(--plx-color-whitegray);	/* #eee */
	}
}	
 
@media (min-width: 768px) {	
 
	.logo {		
		height: calc(var(--header-height) + var(--hero-height) - var(--header-padding-top));		
		background-size: 60px;
		background-position: 50px 0;
		padding-left: 120px;
		margin-left: -50px;
	}
	   
		.site-header a {
			color: var(--plx-color-blackgray);	/* #222 */
		}
		
		h2.site-title {
			font-size: 20px;
		}
		
		p.site-subtitle {
			font-size: 15px;
		}				
}
	
@media (min-width: 992px) {	
	h2.site-title {
		font-size: 25px;
	}
}
	
@media (min-width: 128rem) {
	.logo {
		height: 120px;
		background-size: 120px;
		background-position: 60px 0;
		padding-left: 180px;
		margin-left: -120px;		
	}
	
	h2.site-title {
		font-size: 30px;		
	}
}

/* ------------------------------------------------------------
 * --- 06 -MAIN  NAVIGATION 
 * ------------------------------------------------------------ */

.main-navigation {
	--menu-item-background-color: var(--color-white);
	
	--menu-link-color: var(--plx-color-blue);
	--menu-link-background-color: hsla(0, 0%, 100%, 0.55); 
	--menu-link-border-color: var(--plx-color-blackgray);
}
	@media (max-width: 767px) {
		.main-navigation {
			--plx-theme-color-whitegray: hsl(0, 0%, 94%);	/* #efefef; */
			--menu-item-background-color: var(--plx-theme-color-whitegray);	
		}
	} 

ul.menu {}

	.menu > li {
		font-size: var(--text-size-sm);
		margin-left: var(--unit-15);
	}

		.menu a {
			border-bottom: var(--unit-1) solid transparent;
		}
		.menu a:hover {
			border-bottom: var(--unit-1) solid var(--menu-link-border-color);
		}
		
		.menu > li > span {
			cursor: default;
		}
		
	.menu > li ul {/* sub menu */
		position: absolute;
		padding: 0;
		line-height: 28px;
		z-index: 10;
	}
	.menu > li:last-of-type ul {
		right: 0;
	}
	.menu > li:not(:hover) ul {/* hide sub menu */
		display: none;
	}

.menu ul li {
	display: block;
	margin: 0;
	padding: 0 var(--my-unit-25);
	background-color: var(--menu-item-background-color);	/* color-white */
	text-align: left;
}
.menu .sub-menu {
	overflow-y: auto;
}
.menu .sub-menu li {
	padding: 0 15px;	/* au lieu de 0.35rem */
}
.menu .sub-menu li:last-of-type {
	padding-bottom: 3.5px;
}


.menu > li span::before {/* \/ menu */
	content: '\25bc';
	padding-right: var(--unit-15);
}
ul.menu .noactive:hover,
ul.menu .active span,
ul.menu span.active,
ul.menu li.active a,
ul.menu a.active,
ul.menu li span:hover,
ul.menu li a:hover {/* pluCss1.3.1 fix : plxMyshop 0.13.x, maybe more */
	color: #000 !important;
	text-decoration: none;
}

ul.menu li span,
ul.menu li a {/* pluCss1.3.1 fix : plxMyshop 0.13.x, maybe more */
	display: inline-block;
	padding-left:  3.5px;
	padding-right:  3.5px;	
	width: 100%;
/*	cursor: pointer;*/
	background-color: var(--menu-link-background-color);
	border-radius: 1px;
	color: var(--menu-link-color);
	white-space: nowrap;
}

	ul.menu li span a,
	ul.menu li a span {/* pluCss1.3.1 fix : plxMyshop 0.13.x, maybe more */
		white-space: nowrap;
		display: inline;
		margin-right: -3.5px;	
		padding-left: 0;
	}
	
	ul.menu li.noactive a,
	ul.menu a.noactive{
	/*	background-color: var(--menu-link-background-color);*/
		border-radius: 1px;
		color: var(--menu-link-color);
	}

@media (min-width: 768px) {
	
	.menu > li ul {/* sub menu */
		min-width: 120px;
		border: 1px solid var(--plx-color-gray);
		border-radius: var(--my-unit-25);	/* 10px */;	
	}
}

@media (max-width: 767px) {
	
	ul.menu {
		padding: 0 var(--spacing-1) 7.5px var(--spacing-1);
		border: 1px solid var(--plx-color-lightgray);
		border-radius: var(--my-unit-25);	/* 10px */;		
	}
	
		.menu li {
			background: var(--menu-item-background-color);
		}
		.menu li:hover {}
		.menu > li span::before {/* sub menu icon */
			margin-left: -15px;			
		}
		
	.responsive-menu label {
		background-color: transparent;
		color: var(--plx-color-darkgray-dark); /* #333; */
		font-size: 26px;		
		text-align: right;
	}
	
		.responsive-menu label:after {
			content: '\2630';
		}
		
		.responsive-menu label > span {
			font-size: 16px;
		}
		
	.menu > li ul {
		position: relative !important;
		border-bottom: 0px solid transparent;
	}
	
		.menu > li ul li:hover {
			background-color: var(--color-white);
		}
		
			.menu > li ul li:hover a {
				/* text-decoration: underline; */
			}
				
	 ul.menu li.active a,
	 ul.menu li.active:hover,
	 ul.menu li,
	 ul.menu li:hover {
		background-color: var(--color-white);
		/* color: #000;*/
	}	
}

@media (max-width: 575px) {
	.main-navigation {
		padding-top: 0rem;
	}
	
		ul.menu {
			margin: 0 var(--unit-05) var(--unit-15) var(--unit-05);
			border-radius: var(--spacing-1);
		}
		
	.static.group,
	.static.menu a {
		padding: 0;
	}	
}


/* ------------------------------------------------------------
 * --- 07 - SITE-HERO 
 * ------------------------------------------------------------ */

:root {
	--hero-height: calc(var(--leading) * 4.5); /* 100px */
}
	@media (min-width: 576px) {	
		:root {
			--hero-height: calc(var(--leading) * 9); /* 250px */
		}
	}  

.site-hero {
	background: url(../img/bg.jpg) no-repeat top left;
	background-size: cover;
	height: var(--hero-height);
}


/* ------------------------------------------------------------
 * --- 08 - MAIN CONTENT 
 * ------------------------------------------------------------ */

.site-content {
	background-color: var(--plx-color-white);
	padding-top: var(--spacing-125); /* 20px; */
}

.repertory {
	margin-top: var(--spacing-3); /* 40px; */
}


/* - 5.2 - Component : Article 
   ------------------------------------------------- */
   
:root {
	--plx-theme-color-gray-light: hsl(203, 12%, 66%);   /* #9eabb3; */
	--light-border-color: var(--plx-color-lightgray);   /* #dedede */
}

article:after {
	display:block;
	content: "";
	clear: both;
}

.article header {
	margin-top: var(--spacing-15);	/* 20px */
}

	.article header div {
		margin: 0;
	}

.article header h2,
.article header h2 a {
	color: var(--plx-color-blackgray);
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 0;
}
.article header h2 a:hover {
	color: var(--plx-color-blackgray-dark);
	text-decoration: none;
}

.posts-loop-wrapper .article header h4,
.posts-loop-wrapper .article header h4 a {
	color: var(--plx-color-blackgray);
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 0;
}
.posts-loop-wrapper .article header h4 a:hover {
	color: var(--plx-color-blackgray-dark);
	text-decoration: none;
}

.article header small,
.comment small {
		color: var(--plx-theme-color-gray-light);
}

.article header span:before,
.article header time:before,
.article footer span:before {
	padding-left: var(--unit-4);
	padding-right:var(--unit-1);
}

.article .art-date {
	font-size: var(--text-size-sm);
	font-weight: bold;
	color: var(--plx-theme-color-gray-light);
}

.article .written-by {
	font-weight: bold;
}

.article .written-by:after {
	content: '|';
	padding-left: 0;
}

.article .classified-in:after {
	content: '|';
	padding-left: 0;
}

.article img.art_thumbnail {
	padding: var(--spacing-2) var(--spacing-1) var(--spacing-1) 0;
	float: left;
}

.page.mode-article .article footer {
	border-top: 1px solid var(--light-border-color);
	border-top: 1px solid var(--light-border-color);
}


/* - 5.3 - Pagination 
   ------------------------------------------------- */

:root {
	--plx-theme-color-blue-dark-mat: hsl(207, 44%, 41%); /* #3a6c96; */
}  

.pagination {
	margin-block: var(--margin-2);
	margin-inline: 0;
}

	.pagination a {
		background-color: var(--plx-color-blue);
		border-radius:var(--radius);
		color: var(--color-white);
		padding: var(--unit-25) var(--unit-2);
		transition-duration: .2s;
	}
	.pagination a:hover {
		background-color: var(--plx-theme-color-blue-dark-mat);
		color: var(--color-white);
		text-decoration: none;
		text-decoration: none;
	}

	.pagination span:first-letter,
	.pagination a:first-letter {
		text-transform: uppercase;
	}

.p_first,
.p_prev,
.p_current,
.p_next,
.p_last {
	display: inline-block;
}


 /* - 5.4 - Comments 
   ------------------------------------------------- */
   
 :root {
	--plx-theme-color-aliceblue: hsl(208, 100%, 97%);       /* #f0f8ff; */
	--plx-theme-color-whitegray-light: hsl(0, 0%, 98%); 	/* #fafafa; */
	--plx-theme-color-gray-light: hsl(203, 12%, 66%);       /* #9eabb3; */
 }   
   
#form {
	border-top: 130px solid transparent;
	margin: -130px 0 0;
}

.comment {
	background-image: url('../img/user.png');
	background-repeat: no-repeat;
	margin-bottom: 25px;
	padding-left: 60px;
	border-top: 100px solid transparent;
	margin-top: -100px;
	
	--unit-level: 10px;  /* 1rem plucss */
}

	.comment small {
		color: color: var(---plx-theme-color-gray-light);
	}

	.comment blockquote {
		margin: 0;
		font-size: var(--text-size-xs);	/* 13px */
	}

.type-admin {
	background-color: var(--plx-theme-color-aliceblue);
	padding: var(-unit-05) var(-unit-15);
}

.nbcom {
	background-color: var(--plx-color-blue);
	border-radius: var(--radius);
	color: var(--color-white);
	padding: var(-unit-1) var(-my-unit-15);
}
.nbcom:hover {
	background-color: var(--plx-theme-color-blue-dark-mat);
	color: var(--color-white);
	text-decoration: none;
}

.level-0 { margin-left: 0; }
.level-1 { margin-left: calc(var(--unit-level) * 1); }	/* 1rem; */
.level-2 { margin-left: calc(var(--unit-level) * 2); }  /* 2rem; */
.level-3 { margin-left: calc(var(--unit-level) * 3); }  /* 3rem; */
.level-4 { margin-left: calc(var(--unit-level) * 4); }  /* 4rem; */
.level-5,
.level-max{ margin-left: calc(var(--unit-level) * 5);}  /* 5rem; */

@media (max-width: 767px) {
	.comment {
		background-image: none;
		padding-left: 0;
	}	
}

@media (min-width: 768px) {
	
	.comment {		
		--unit-level: 50px
	}
	
	.level-1 { margin-left: calc(var(--unit-level) * 1); }	/* 5rem; */
	.level-2 { margin-left: calc(var(--unit-level) * 2); }	/* 10rem; */
	.level-3 { margin-left: calc(var(--unit-level) * 3); }	/* 15rem; */
	.level-4 { margin-left: calc(var(--unit-level) * 4); }	/* 20rem; */
	.level-5,
	.level-max{ margin-left: calc(var(--unit-level) * 5);}	/* 25rem; */
}  

#id_answer {
	margin-bottom: var(--margin-1);
	padding: var(--margin-1) var(--spacing-1);
	border: 1px solid var(--plx-color-whitegray);
	width: 100%;
	background: var(--plx-theme-color-whitegray-light);
	display: none;
}

.capcha-letter,
.capcha-word {
	font-weight: bold;
}

.capcha-word {
	background-color: var(--plx-color-lightgray);
	border-radius: var(--radius);
	letter-spacing: 5px;
	padding: var(--unit-25) var(--unit-2);
	transition-duration: .2s;
}

.capcha-word:hover {
	background-color: var(--plx-gray-dark);	/* #666 */
	color: var(--color-white);
	transition-duration: .2s;
}


/* ------------------------------------------------------------
 * --- 09 - SIDEBARS 
 * ------------------------------------------------------------ */

.sidebar {
	padding-block: 0; 
	padding-inline: var(--spacing-125);	/* 20px */
}

.sidebar h4,
.sidebar h3 {
	font-size: var(--text-size-sm);
	font-weight: bold;
	margin-top: 50px;
	text-transform: uppercase;
}

.sidebar ul {
	margin: 0;
}

@media (max-width: 767px) {
	.sidebar {
		padding-left: var(--spacing-1);
	}
}


/* - 9.2 - Tags
   ------------------------------------------------- */

.sidebar ul.tag-list {
	list-style-type: none;
	padding: 0;
}

.sidebar ul.tag-list li {
	display: inline-block;
}

.sidebar ul.tag-list li a {
	padding: 0 var(--unit-15) 0 0;
}

.sidebar ul.tag-list li a.active {
	font-weight: bold;
	background-color:  hsl(194, 14%, 48%); /* #68838b; vert foncé */
	color:var(--color-white);
	padding-block: 0; 
	padding-inline: var(--unit-15);	/* 5px */
}

/* https://www.w3schools.com/colors/colors_trends.asp (The 10 Hottest Fall Colors for 2016) */

.sidebar ul.tag-list {
	--unit-tag: 2px;
	--level-1: 10px;
}

.tag-size-1 a {
	font-size: var(--level-1); 
	color: #4c6a92;		/* Riverside  */
}

.tag-size-2 a {
	font-size: calc(var(--level-1) + (var(--unit-tag) * 1));	/* 1.2rem; */	
	color: #92b6d5;		/* Airy Blue  */
}

.tag-size-3 a {
	font-size: calc(var(--level-1) + (var(--unit-tag) * 2));  /* 1.4rem; */	
	color: #838487;		/* Sharkskin  */
}

.tag-size-4 a {
	font-size: calc(var(--level-1) + (var(--unit-tag) * 3));  /* 1.6rem; */
	color: #b76ba3;		/* Bodacious */
}

.tag-size-5 a {
	font-size: calc(var(--level-1) + (var(--unit-tag) * 4));  /* 1.8rem; */
	color: #af9483;		/* Warm Taupe */
}

.tag-size-6 a {
	font-size: calc(var(--level-1) + (var(--unit-tag) * 5));  /* 2.0rem; */
	color: #ad5d5d;		/* Dusty Cedar */
}

.tag-size-7 a {
	font-size: calc(var(--level-1) + (var(--unit-tag) * 6));  /* 2.2rem; */
	color: #006e51;		/* Lush Meadow */
}

.tag-size-8 a {
	font-size: calc(var(--level-1) + (var(--unit-tag) * 7));  /* 2.4rem; */
	color: #d8ae47;		/* Spicy Mustard */
}

.tag-size-9 a {
	font-size: calc(var(--level-1) + (var(--unit-tag) * 8));  /* 2.6rem; */
	color: #9e4624;		/* Potter's Clay */
}

.tag-size-10 a {
	font-size: calc(var(--level-1) + (var(--unit-tag) * 9));  /* 2.8rem; */
	color: #b93a32;		/* Aurora Red */
}

.tag-size-11 a {
	font-size: calc(var(--level-1) + (var(--unit-tag) * 10)); /* 3.0rem; */
	color: #034f84;		/* Snorkel Blue */
}


/* ------------------------------------------------------------
 * --- 10 - SITE-FOOTER
 * ------------------------------------------------------------ */
 
.site-footer {
	--footer-background-color: var(--plx-color-white); 
	
	background: var(--footer-background-color);
	background-color: var(--plx-gray-dark);	/* #666 */
	padding: var(--my-unit-25) 0;
	text-align: center;
	font-size: var(--text-size-xxs);	/* 12px */
}

.site-footer p {
	margin: 0;
}

.site-footer a:hover {
	text-decoration: none;
}

@media (min-width: 768px) {
	.site-footer {
		padding: 60px 0;
	}
}


/* ------------------------------------------------------------
 * --- 11 - PLUGINS
 * ------------------------------------------------------------ */
 
 /* - 11.1 - plxMySearch
   ------------------------------------------------- */ 
   
/*   
<div class="site-search">
	<!-- html injecté par le hook -->
	<div class="searchform">
		<form action="http://127.0.0.1/myPluXml-5.8.16/index.php?search" method="post">
			<div class="searchfields">
				<p>
					<input type="text" placeholder="Rechercher" class="searchfield" name="searchfield" value="">
					<input type="submit" class="searchbutton" value="Ok">
				</p>
			</div>
		</form>
	</div>
</div>
*/

/* Code Css du plugin */	
   
input.searchfield[type=text] {
	padding: 1px;
	width: 200px;
}
input.searchbutton[type=submit] {
	padding: 2px;
	margin:0;
}
.searchform ul {
	margin: 0;
}

.searchform ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.search_category {
	margin-left: 20px;
} 
 
 
/* - 11.2 - plxMyContact
   ------------------------------------------------- */ 
   
/**
<div id="form_contact">
	<form action="#form" method="post">
		<fieldset>
			<p>
				<label for="name">Votre nom&nbsp;:</label>
				<input placeholder="Votre nom" id="name" name="name" type="text" size="30" value="" maxlength="30">
			</p>
			<p>
				<label for="mail">Votre adresse email&nbsp;:</label>
				<input placeholder="Votre adresse email" id="mail" name="mail" type="text" size="30" value="">
			</p>
			<p>
				<label for="subject">Objet de votre message&nbsp;:</label>
				<input placeholder="Objet de votre message" id="subject" name="subject" type="text" size="30" value="" maxlength="30">
			</p>
			<p>
				<label for="message">Contenu de votre message&nbsp;:</label>
				<textarea placeholder="Contenu de votre message" id="message" name="content" cols="60" rows="12"></textarea>
			</p>
			<p>
				<label for="id_rep"><strong>Vérification anti-spam</strong></label>
				Quelle est le <span class="capcha-letter">deuxième</span> caractère du mot <span class="capcha-word">34ub</span>&nbsp;?        <input type="hidden" name="capcha_token" value="0d38ee923c2d0257fd77c3b37a76940237cea4f4">
        		<input id="id_rep" name="rep" type="text" size="2" maxlength="1" style="width: auto; display: inline;" autocomplete="off">
			</p>
			<p>
				<input type="submit" name="submit" value="Envoyer">
				<input type="reset" name="reset" value="Effacer">
			</p>
		</fieldset>
	</form>
</div>
*/    
   
   
/* - 11.3 - plxMyAllArchives
   ------------------------------------------------- */ 
 
/**
<div id="allarchive">
	 <p class="p_archive">2024</p>
	 <ul>
		<li>14/09/2024 : <a href="http://127.0.0.1/myPluXml-5.8.16/index.php?article1/premier-article">Premier article</a> par Cpalo</li>
	</ul>  
 </div>
*/
 
 #allarchive {
	margin: 15px 0 0 0;
}

.p_archive {
}


/* - 11.3 - plxMySubCategories
   ------------------------------------------------- */ 
 
/** 
 <ul class="cat-list unstyled-list">
	<li class="cat-item cat-level-0">
		<li class="cat-item cat-level-1">
*/   
  
 
/* - 11.3 - MySubStatic
   ------------------------------------------------- */   
      
 
 
/* - 11.4 - MyNewsLetter 
   ------------------------------------------------- */ 
 
 

 /* ------------------------------------------------------------
 * --- 12 - OTHERS  
 * ------------------------------------------------------------ */