@charset "UTF-8";
/*@import url(rebase.css);*/
@import url(?tf=/rebase.css);
/*@import url(mediaqueries.css);*/
@import url(?tf=/mediaqueries.css);

/* -- BEGIN LICENSE BLOCK ---------------------------------------
# This file is part of Ductile, a theme for Dotclear
#
# Copyright (c) 2011 - Association Dotclear
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# -- END LICENSE BLOCK ----------------------------------------- */

/* Infos
Plan de cette feuille :
1. Structure, imports
2. Liens, html
3. Page
4. Haut de page
5. Wrapper, main, content
6. Billets
7. Commentaires et rétroliens
8. Sidebar
9. Footer
10. Classes communes
11. Pages spécifiques
12. Clearers
13. Ductile Focus Goodies

Couleurs :
Typo: #333 courant
Titres non cliquables: #003FEB
Liens: #00A3FF courant, #00A3FF titre billet et Lire la suite
Fond formulaire comm: #384CC9
Fond blogcustom:#FFF;
Fond titres sidebar: #384CC9

Thanks to:
Colorzilla wysiwyg gradient editor http://www.colorzilla.com/gradient-editor/
Micro clearfix by Nicolas Gallagher http://nicolasgallagher.com/
*/

/* -----------------------------------------------------------------
	1. STRUCTURE - TYPO
------------------------------------------------------------------ */
/* ------------------------------------------------------- body */
body {
	background: #fff;/*LD20211124*/
	color: ##000000
	}
/* ---------------------------------------------  Font-families */
body,
.supranav li a span,
.comment-info, 
#comments .me, 
.comment-number {
	font-family: Nunito, arial, sans serif; /*LD20211124*/
	}
#blogdesc,
.supranav, 
#prelude,
#submenu,
#content-info,
#subcategories,
p.post-date,
#comments, 
#ping-url, 
#comment-form,
#comments-feed,
.field input, 
.field textarea,
#sidebar,
#footer p,
.arch-block h4 {
	font-family: "caladea","helvetica neue",helvetica,sans-serif;
	}
h1, h2, h3, h4, h5, h6, .focus1-headline {
	font-family: "kalam bold","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
@media only screen and (max-width:480px) {
.post-title {
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
}
/* ------------------------------------------------------------
	2. LIENS & Complément balises HTML
------------------------------------------------------------- */
del {
	color: #384CC9;
	}
blockquote {
	clear: left;
	border-left: 4px solid #ccc;
	padding: 1px 1em .5em;
	background: #384CC9;
	}
code, pre {
	background: #efefef;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-size: .81em;
	}
pre {
	white-space: normal;
	}
a {
	color: #384CC9;
	}
a:hover, a:focus {
	/*background-color: #eceded;*/
	text-decoration: none;
	}
ul ul {
	margin-top: 0;
	}
h1, h2, h3, h4, h5 {
	line-height: 1;
	font-variant: small-caps;
	}
h2 {
	font-weight: normal;
	margin-top: 1em!important;
	font-size: 1.75em!important;
	}
h2 a {
	font-weight: normal;
	}
table {
	border: 1px solid #999;
	border-collapse: collapse;
	}
td, th, tr {
	padding: 2px 8px;
	border: 1px solid #CCC;
	border-collapse: collapse;
	}
thead th, tbody th {
	color: #555;
	background: #384CC9;
	text-align: left;
	font-weight: normal;
	}
tbody tr:hover, tbody th:hover {
	background: #eee; 
	}
table caption {
	color: #14709e;
	text-align: left;
	margin-bottom: .33em;
	font-weight: bold;
	}

/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
#page {
	position: relative;
	}
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */
#header {
	position: relative;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	line-height: 1;
color: #0000;
	}
#logo a img, #stickers a img {
	border: none;
	}
h1 a {
	text-decoration: none;
	color: #333;
	}
#blogdesc {
	margin: 0 0 0 32px;
	font-style: italic;
	color: #000;
	text-shadow: none;
	}
.supranav, #prelude {
	list-style-type: none;
	line-height: 1.25;
	font-size: .875em;
	}
.supranav li, #prelude li {
	text-transform: uppercase;
	/*vertical-align: top;/* #RG20211119 */
	height:100%; /* #RG20211119 */
	}
.supranav {
	clear: both;
	background-color:#0a69b7 !important; margin:0; padding:0; text-align:center; font-size:1.1em; font-weight:400; min-height:44px; /* #RG20211119 */
	}
.supranav li.active a { /* #RG20211119 */
	background-color:#fff;
	}
.supranav li a {
	text-decoration: none;
	/*margin-bottom: 4px; /* #RG20211119 */
	/*background: transparent url(img/menu.png) no-repeat right top; /* #RG20211119 */
	display:flex; padding:0 16px; height:100%; color:#fff; border:none; /* #RG20211119 */
	}
.supranav li a:active, 
.supranav li a:focus,
.supranav li.active a:hover { /* #RG20211119 */
	background-color:#fff; /*#384CC9; /* #RG20211119 */
	/*background-position: right -150px; /* #RG20211119 */
	}
.supranav li a:hover {/* #RG20211119 */
	background-color:#074b83;
	}
.supranav li.active a {
	/*background-position: right -150px; /* #RG20211119 */
	color:#0a69b7; /* #14709e; /* #RG20211119 */
	}
.supranav li a span {
	/*display: block;/* #RG20211119 */
	/*text-transform: none;/* #RG20211119 */
	text-shadow: none;
	/*font-style: italic;/* #RG20211119 */
	margin:auto; /* #RG20211119 */
	}
#submenu {
	clear: both;
	padding: 3px 2.3em 3px 32px;
	font-size: .875em;
	line-height: 1.5;
	}
#breadcrumb, #searchform, #submenu #searchform p {
	margin: 0;
	padding: 0;
	}
a#bc-home {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	background-image: url(img/home.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 17px;
	text-decoration: none;
	background-position: bottom left;
	}
#searchform {
	float: right;
	margin-bottom: 3px;
	}
#searchform label {
	position: absolute;
	left: -10000px;
	}
#sf {
	width: 18em;
	border: 1px solid #999;
	margin: 0;
	padding-left: .5em;
	height: 18px;
	border-radius: 4px;
	background: #F0F2FF;
	}
#sf:focus {
	background: #fff;
	}
.search-submit {
	width: 24px;
	height: 24px;
	font-size: 0;
	border: none;
	cursor: pointer;
	padding: 0;
	background: #fff url(img/search.png) no-repeat top left;
	}
.search-submit:hover, .search-submit:focus {
	background-image: url(img/search-hover.png);
	}
/* ------------------------------------------------------------
	5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */
#wrapper {
	clear: both;
	position: relative;
	}
#content {
	padding-bottom: 2em;
	}
/* ------------------------------------------------------- content-info */
#content-info {
	font-size: .875em;
	margin-bottom: 3em;
	}
#content-info h2 {
	color: #000;
	margin-top: 0;
	margin-bottom: .33em;
	}
#subcategories {
	padding-top: 1em;
	font-size: .875em;
	}
#subcategories h3, #subcategories ul {
	display: inline;
	padding-right: 1em;
	}
#subcategories h3 {
	font-size: 1.1em;
	font-variant: small-caps;
	}
#content-info p, 
#content-info ul, 
#subcategories ul {
	margin: .5em 0;
	padding: 0;
	list-style-type: none;
	}
#subcategories li {
	margin: 0;
	display: inline;
	padding-right: 1em;
	}
.feed-info {
	color: #fff;
	}
.feed-info a {
	font-size: .875em;
	padding-top: .1em;
	padding-bottom: .1em;
	}
/* ------------------------------------------------------- pagination, navlinks */
.navlinks, 
.pagination {
	margin: 0 0 1em 0;
	padding: 4px 8px;
	text-align: center;
	font-size: .875em;
	color: #000;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #F0F2FF;
	border-radius: 4px;
	}
.navlinks a, 
.pagination a {
	color: #333;
	}
.navlinks.topnl {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #14709e;
	padding: 2px 0;
	}
/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */
p.post-date {
	font-size: .875em;
	color: #14709e;
	margin: 0;
	border-radius: 3px;
	}
.post-title {
	font-size: 1.33em;
	margin-bottom: .33em;
	margin-top: .5em;
	color: #14709e;
	/*line-height: 1.17;*/
	line-height: 1;
	}
.post-title a {
	text-decoration: none;
	color: #14709e
	}
.post-icon, .photo-icon {
	margin: .33em 0 .66em;
	padding: 4px;
	border: 1px solid #999;
	box-shadow: 2px 2px 3px #ccc;
	}
.post-icon {
	margin-right: 1em;
	background: #fff;
	display: block;
	float: left;
	}
.short {
	margin-bottom: 3em;
	display: inline-block;
	vertical-align: top;
	}
.short .post-content p {
	margin-top: 0;
	}
.short .post-info {
	margin-bottom: .33em;
	}
.short-photo {
	max-width: 100%;
	margin-bottom: 0;
	}
.short-photo img {
	max-width: 96%;
	margin-bottom: 0;
	}
.post h3,
.post h4, 
.post h5,
.post h6 {
	font-weight: normal;
	color: #14709e;
	}
.post h3, .post h5 {
	font-variant: small-caps;
	}
.post-content img, .post-excerpt img {
	border: 1px solid #ccc;
	max-width: 96%;
	padding: 4px;
	}
img.smiley {
	border: none;
	padding: 0;
	}
.post-info, 
.post-tags, 
.post-info-co {
	margin: 0;
	padding: 0;
	}
.post-attr {
	font-size: .875em;
	margin: .5em 0;
	}
.post-attr p {
	margin-top: 0;
	}
.post-cat {
	padding-left: 24px;
	background: transparent no-repeat -60px center url(img/post-info.png);
	}
.permalink a {
	padding-left: 20px;
	background: transparent no-repeat left bottom url(img/post-info.png);
	}
.post-tags li:first-child {
	padding-left: 20px;
	background: transparent no-repeat -124px top url(img/post-info.png);
	}
.post-tags li {
	display: inline;
	}
.post-tags li:after {
	content: ", ";
 }
.post-tags li:last-child:after {
	content:"";
	}
.post-content ul, .post-excerpt ul {
	list-style-type: square;
	margin-left: 0;
	}
.post ol {
	margin-left: 0;
	}
.footnotes {
	font-size: .875em;
	}
.footnotes h4 {
	font-variant: normal;
	font-weight: bold;
	}
.read-it {
	text-align: right;
	margin: 0 0 .25em 0;
	}
.read-it a {
	color: #14709e;
	padding-left: .5em;
	}
.post-info-co {
	margin: 0;
	}
.post-info-co a {
	text-decoration: none;
	padding-right: 1em;
	padding-left: 20px;
	}
a.comment_count {
		background: url(img/info-co.png) no-repeat left 1px;
		padding-left: 20px;
		}
a.ping_count {
		background: url(img/info-co.png) no-repeat left center;
		padding-left: 20px;
		}
a.attach_count {
		background: url(img/info-co.png) no-repeat left -126px;
		padding-left: 20px;
		}
#attachments {
	font-size: .875em;
	border-bottom: 1px solid #999;
	margin: 0 0 2em;
	}
#attachments h3 {
	font-variant: small-caps;
	font-weight: normal;
	color: #384CC9;
	}
#attachments ul {
	list-style-type: none;
	margin: 0 0 1em;
	padding: 0;
	}
#attachments ul li {
	padding-left: 24px;
	background: transparent url(img/download.png) no-repeat left .3em;
	}
/* ------------------------------------------------------------
	7. COMMENTAIRES, PINGS
------------------------------------------------------------- */
/* ------------------------------------------------------- commentaires et rétroliens */
#comments, 
#ping-url, 
#comment-form,
#comments-feed {
	color: #333;
	font-size: .875em;
	clear: both;
	}
#comment-form, #ping-url {
	padding: 1em;
	background: #dce1e1;
	margin-bottom: 1em;
	color: #333;
	border: 1px solid #ddd;
	}
#pr {
	padding: 1em;
	border: 1px dashed #14709e;
	margin-bottom: 1em;
	}
#comments h3, 
#ping-url h3, 
#pr h3, 
#comment-form h3 {
	margin-top: 2em;
	}
#comment-form h3, #ping-url h3 {
	margin-top: 0;
	}
#comments > ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	}
.comment, .ping {
	clear: left;
	margin-left: 0;
	border-top: 1px solid #bbb;
	}
.comment-info {
	padding-bottom: .2em;
	line-height: 1.25;
	color: #686867;
	}
#comments .me {
	color: #14709e;
	}
.comment-number {
	font-size: 2em;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	color: #ab164d;
	display: block;
	width: 2em;
	}
.comment .comment-number {
	background: transparent url(img/comm.png) right center no-repeat;
	}
.ping .comment-number {
	background: transparent url(img/tb.png) right center no-repeat;
	}
#comments-feed {
	border-top: 1px solid #bbb;
	margin-top: 1.5em;
	padding-top: 1em;
	}
/* ------------------------------------------------------- formulaire des commentaires */
#comment-form fieldset {
	
	}
.field {
	margin-bottom: 1em;
	}
.field label {
	display: block;
	font-size: .875em;
	color: #444;
	text-indent: 6px;
	}
.field input, 
.field textarea {
	display: block;
	font-size: 100%;
	border: 1px solid #ccc;
	padding: 4px;
	background: #fff;
	border-radius: 3px;
	}
.field textarea {
	padding: .5em 1em;
	}
.field input:focus, 
.field textarea:focus {
	background: #fff;
	}
#comment-form input[type=submit], 
#comment-form input[type=reset] {
	color: #eee;
	font-size: .875em;
	display: inline-block;
	text-transform: capitalize;
	font-weight: bold;
	text-align: center;
	padding: .33em .66em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	background: rgb(119,119,119);
	border: solid 1px #686867;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(119,119,119,1)), color-stop(100%, rgba(85,85,85,1)));
	background: -webkit-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
	background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
	background: -o-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
	background: -ms-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
	background: linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%);
	}
#comment-form input[type=submit]:hover, #comment-form input[type=submit]:focus,
#comment-form input[type=reset]:hover, #comment-form input[type=reset]:focus {
	background: rgb(85,85,85);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(85,85,85,1)), color-stop(100%, rgba(119,119,119,1)));
	background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
	background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
	background: -o-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
	background: -ms-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
	background: linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%);
	text-decoration: none;
	}
#c_content {
	width: 95%;
	padding: 4px;
	}
.form-help {
	margin-top: 0;
	font-size: .875em;
	font-style: italic;
	}
#comments-feed {
	margin-top: 2em;
	}
/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */
#sidebar {
	font-size: 0.875em;
	}
#sidebar h2, #sidebar h3 {
	font-weight: bold;
	margin-bottom: 0;
	}
#sidebar h2 {
	font-size: 1.1em;
	color: #4D4D4D;
	background: #cbc8be;
	padding: 2px .5em;
	}
	#sidebar h2.toggle {
		background: #fff url(img/minus-plus.png) no-repeat left -82px;
		padding-left: 16px;
		}
	#sidebar h2.expanded {
		background: #fff url(img/minus-plus.png) no-repeat left 6px;
		}
#sidebar h2.toggle a {
	text-decoration: none;
	color: #384CC9;
	}
#sidebar h3 {
	font-size: 1em;
	margin-bottom: 0;
	font-weight: normal;
	}
#sidebar img {
	max-width: 100%;
	}
#sidebar ul {
	margin: .75em 0 .5em 4px;
	list-style-type: none;
	padding: 0;
	}
#sidebar ul li ul {
	margin: 0;
	}
#sidebar li {
	padding-left: 16px;
	background: transparent url(img/squares.png) no-repeat -133px .5em;
	}
#sidebar ul li ul li {
	background: transparent url(img/squares.png) no-repeat -70px center;
	}
#sidebar ul li ul li ul li {
	background: transparent url(img/squares.png) no-repeat 0 center;
	}
#sidebar .syndicate li {
	background-image: none;
	padding-left: 0;
	}
.categories {
	border-radius: 4px;
	background-color:#0a69b7;/*LD20211124*/
	}
#sidebar .categories ul, #sidebar .categories ul ul {
	margin: 0;
	}
#sidebar .categories ul li {
	line-height: 2;
	border-bottom: 1px solid #fff;
	padding: 0;
	background-image: none;
	}
#sidebar .categories > ul li:last-child {
	border-bottom: none;
	}
#sidebar .categories li ul li {
	line-height: 1.75;
	border-bottom: none;
	}
.categories ul a {
	display: block;
	background: transparent url(img/folder.png) 4px center no-repeat;
	color: #fff;
	text-decoration: none;
	padding-left: 24px;
	}
.categories ul ul a {
	padding-left: 48px;
	background-position: 24px;
	}
#sidebar .category-current {
	background-color: #14709e;
	}
ul ul .category-current {
	border-top: 1px solid #fff;
	}
.categories ul a:hover, .categories ul a:focus {
	font-weight: normal;
	background-color: #14709e;
	}
/* ------------------------------------------------------- recherche
déjà présente dans le header, on la supprime dans le sidebar */
#search {
	display: none;
	}
/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */
#footer {
	clear: both;
	color: #fff;
	font-size: .875em;
	}
#footer p {
	padding: .66em 2em;
	margin: 0;
	text-align: right;
  list-style-type : none ;/*LD*/
	}
#blogcustom {
	clear: both;
	text-align: center;
	background-color: #FFF;
	color: #FFF;
	border-bottom: 1px solid #999;
	}
#blogcustom a:link, #blogcustom a:visited {
	color: #FFF;
	}

#blogcustom div.feed {
	background-color: white;/*ùùù*/
color:#FFF;
	}
#blogcustom img {
	max-width: 100%;
color:#FFF;
	}
#blogcustom ul {
	padding: 0em 0em 0;
	margin: 0;
	text-align: center;§§§§§§§§§
	line-height: 0;
backgroung-color :white;
color:white;
	}
#blogcustom li {
	padding-left: 0;
	margin-left: 0;
color:#FFF;
	}
#blogcustom .syndicate ul {
	list-style-type: none;
	padding-left: 0;
color:#FFF;
	}
#footer a {
	color: #fff;
	}
#footer a:hover, 
#footer a:focus {
	background-color: #1F1F1F;
	}
#stickers {
	list-style-type: none;
	margin: 0;
	}
/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */
/* ------------------------------------------------------- RSS */

/* ------------------------------------------------------- tags */
.dc-tags .content-inner, 
.dc-tags .content-inner ul {
	font-size: 1.25em;
	margin: 0;
	padding: 0;
	}
.dc-tags #content ul li, 
.dc-tags #content ul li a, 
#sidebar .tags ul li, 
#sidebar .tags ul li a {
	display: inline;
	width: auto;
	padding-left: 0;
	padding-right: .5em;
	background-color: transparent;
	background-image: none;
	text-decoration: none;
	line-height: 1.5em;
	}
.tags ul li a:hover {
	background-image: none;
	}
.dc-tags .tag0, .tags .tag0 {
	font-size: 85%;
	}
.dc-tags .tag10, .tags .tag10 {
	font-size: 90%;
	}
.dc-tags .tag20, .tags .tag20 {
	font-size: 95%;
	}
.dc-tags .tag30, .tags .tag30 {
	font-size: 100%;
	}
.dc-tags .tag40, .tags .tag40 {
	font-size: 105%;
	}
.dc-tags .tag50, .tags .tag50 {
	font-size: 110%;
	}
.dc-tags .tag60, .tags .tag60 {
	font-size: 115%;
	}
.dc-tags .tag70, .tags .tag70 {
	font-size: 120%;
	}
.dc-tags .tag80, .tags .tag80 {
	font-size: 125%;
	}
.dc-tags .tag90, .tags .tag90 {
	font-size: 130%;
	}
.dc-tags .tag100, .tags .tag100 {
	font-size: 135%;
	}
/* ------------------------------------------------------- messages d'erreur */
.error {
	border: 1px solid #c44;
	background: #df0;
	padding: 0.5em;
	}
.error ul {
	padding-left: 20px;
	}
.error li {
	list-style: square;
	}
/* ------------------------------------------------------- class à dispo pour billets */
/*
mini-galeries
*/	
.expo {
	text-align: center;
	line-height: 1.2;
	}
.expo p {
	border: 1px solid #ccc;
	background: #f2f2f0;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	}
.expo_m p {
	padding: 8px 2px 32px;
	font-size: .875em;
	margin: 1em;
	}
.expo_s p {
	padding-top: 8px;
	width: 260px;
	height: 280px;
	margin: 6px 4px;
	font-size: .875em;
	}
.expo_t p {
	padding-top: 4px;
	width: 112px;
	height: 132px;
	margin: 6px 4px;
	font-size: .75em;
	}
.expo img {
	display: inline-block;
	margin: auto;
	border: none;
	padding: 0;
	border: 1px solid #fff;
	}
.expo a {
	text-decoration: none;
	color: #1F1F1F;
	}
.expo a:after { 
	content : attr(title); 
	display: block; 
	position: absolute; 
	padding: 2px 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #e3e3df;
	}
.expo a:hover, .expo a:focus {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	}
/* autres classes */
.left {
	float: left;
	margin-right: 1em;
	}
.right {
	float: right;
	margin-left: 1em;
	}
.center {
	margin-left: auto;
	margin-right: auto;
	}
.left-text {
	text-align: left;
	}
.right-text {
	text-align: right;
	}
.center-text {
	text-align: center;
	}
.little-text {
	font-size: .875em;
	}
.little-upper-text {
	font-size: .875em;
	text-transform: uppercase;
	}
hr.hidden {
	background: #fff;
	color: #fff;
	border-color: #fff;
	margin: 0;
	}
/* ------------------------------------------------------------
	11. PAGES SPECIFIQUES
------------------------------------------------------------- */
/* ---------------------------------------------------------------- home */
.dc-home #content {
	clear: both;
	margin-top: 1.66em;
	}
#content-focus {
	padding-bottom: 2em;
	}
/* focus1 */
.focus1 {
	padding: 0 1em .2em 1em;
	background: #f2f2f0;
	box-shadow: 3px 3px 5px #bbb;
	margin-bottom: 2em;
	}
.focus1-top {
	background: #0a69b7;
	color: #fff;
	margin: 0 -1em 1.5em;
	padding: .3em 1em;
	line-height: 1.1;
	font-size: 1em;/*LD20211124*/
	}
.focus1-headline {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	}
.focus1 .post-title {
	margin: .1em 0 0;
	}
.focus1-icon {
	display: block;
	float: left;
	line-height: .7em;
	margin: .4em 1em 0 0;
	padding: 0;
	border: 1px solid #999;
	box-shadow: 2px 2px 3px #ccc;
	}
.focus1-icon img {
	padding: 4px;
	background: #fff;
	}
img.author-icon {
	padding: 0;
	}
.focus1-top a:link, .focus1-top a:visited {
	color: #FFF;/*LD20211124*/
	background-color: transparent;
	}
.focus1 .post-content p {
	margin-bottom: 0;
	}
.focus1 p.post-author {
	margin-top: 0;
	}
.post-author {
	font-style: italic;
	}
/* focus2 */
.focus2 h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-top: 0;
	}
.focus2 h2 span {
	text-transform: lowercase;
	font-style: italic;
	}
.focus2 h3 {
	font-size: 1em;
	font-variant: small-caps;
	margin-bottom: .2em;
	}
.focus2 a {
	text-decoration: none;
	color: #0a69b7; /*LD20211124*/
	}
.focus2 ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.focus2 ol li {
	border-bottom: 1px solid #ccc;
	}
.focus2 .post-info {
	font-size: .875em;
	margin-top: 0;
	}
/* focus3 */
.focus3 h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 1em;
	}
.focus3 h2 span {
	text-transform: lowercase;
	font-style: italic;
	}
.focus3 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.focus3 ul li {
	background: #ccc;
	width: 75px;
	height: 75px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 4px;
	}
.focus3 img {
	opacity: 1;
	-moz-transition-property: opacity;
	-moz-transition-duration: .66s;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .66s;
	-o-transition-property: opacity;
	-o-transition-duration: .66s;
	transition-property: opacity;
	transition-duration: .66s;
	}
.focus3 img:hover {
	opacity: .5;
	}
/* ---------------------------------------------------------------- archives */
.arch-block {
	display: inline-block;
	margin: 0 0 2em 4em;
	vertical-align: top;
	}
.arch-block:first-child {
	margin-left: 0;
	}
.arch-block h3 {
	margin-bottom: 1em;
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	color: #384CC9;
	}
.arch-block h4 {
	font-weight: normal;
	font-size: 1.1em;
	margin-bottom: 0;
	margin-top: 0;
	}
.arch-block ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.arch-block ul ul {
	margin-left: 20px;
	}
#time-criteria h3:first-child {
	margin-top: 0;
	}
#by-date {
	margin-right: 0;
	margin-bottom: 1em;
	}
#by-date h3 {
	margin-bottom: 0;
	}
.fromto {
	margin-top: 0;
	margin-bottom: 1.5em;
	font-size: .875em;
	font-style: italic;
	}
#by-date div {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	width: 10em;
	}
#by-date ul {
	margin-bottom: 1.5em;
	}
#by-date span {
	font-size: .875em;
	}
#by-cat ul {
	background: transparent url(img/vline.png) repeat-y;
	}
#by-cat ul ul {
	margin: .5em 0 0 .5em;
	}
#by-cat ul li {
	padding: .2em .2em .2em 20px;
	background: transparent url(img/hline.png) no-repeat left .82em;
	}
#by-cat ul li:last-child {
	background-image: url(img/last-hline.png);
	}
#by-tag {
	width: 18em;
	}
#by-tag ul li {
	display: inline;
	padding-right: 1em;
	}
#by-tag .tag0 {
	color: #384CC9;
	font-size: 90%;
	}
#by-tag .tag10 {
	color: #384CC9;
	font-size: 92%;
	}
#by-tag .tag20 {
	color: #384CC9;
	font-size: 94%;
	}
#by-tag .tag30 {
	color: #656565;
	font-size: 96%;
	}
#by-tag .tag40 {
	color: #484848;
	font-size: 98%;
	}
#by-tag .tag50 {
	color: #3A3A3A;
	font-size: 100%;
	}
#by-tag .tag60 {
	color: #2B2B2B;
	font-size: 102%;
	}
#by-tag .tag70 {
	color: #1D1D1D;
	font-size: 104%;
	}
#by-tag .tag80 {
	color: #0E0E0E;
	font-size: 106%;
	}
#by-tag .tag90 {
	color: #030303;
	font-size: 108%;
	}
#by-tag .tag100 {
	color: #000;
	font-size: 110%;
	}
/* ---------------------------------------------------------------- 404 */
.dc-404 #content-info {
	padding-bottom: 200px;
	background: transparent url(img/404.png) no-repeat bottom center;
	}
.dc-404 .content-inner ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	}
.dc-404 .content-inner h3 {
	font-size: 1.1em;
	font-variant: small-caps;
	}
/* ---------------------------------------------------------------- search */
.dc-search #content-info em {
	color: #14709e;
	}
/* ---------------------------------------------------
  12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
--------------------------------------------------- */
.pagination,
.navlinks,
.footnotes, 
#attachments,
.read-it, 
.post-info-co, 
#comments, #footer,
.clearer {
	clear: both;
	}
.post-content:before, .post-content:after {
	content: "";
	display: table;
	}
.post-content:after {
	clear: both;
	}

/* pour les copies d'écran 
body {
	background: url(img/vline.png) repeat-y 320px 0;
	}
*/

/* #RG20211124 ajouts */
/* #RG20260915 ajustements */
.simple-menu-navigation {
	width: 100%;
}

.simple-menu-navigation ul.simple-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px 18px;
	width: 100%;
	margin: 0;
	padding: 8px 12px;
	box-sizing: border-box;
	list-style: none;
}

.simple-menu-navigation ul.simple-menu li {
	margin: 0;
	padding: 0;
	min-width: 0;
}

.simple-menu-navigation ul.simple-menu li a {
	display: block;
	padding: 8px 4px;
	text-decoration: none;
	overflow-wrap: anywhere;
}

/* Tablettes */
@media (max-width: 768px) {
	.simple-menu-navigation ul.simple-menu {
		gap: 4px 12px;
	}

	.simple-menu-navigation ul.simple-menu li a {
		padding: 8px 4px;
		font-size: 0.95em;
	}
}

/* Mobiles */
@media (max-width: 480px) {
	.simple-menu-navigation ul.simple-menu {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
		padding: 8px;
	}

	.simple-menu-navigation ul.simple-menu li a {
		height: 100%;
		padding: 10px 6px;
		box-sizing: border-box;
		text-align: center;
		overflow-wrap: anywhere;
	}

	.simple-menu-navigation ul.simple-menu li {
		text-align: center;
	}
}


.bottomnav {
  display : flex!important;
}
.bottomnav, .general-mention {
  background: #2E3E52; /*LD*/
  color:#FFF; /*LD*/
  margin-left: auto;
  margin-right: auto;
}

.bottomnav a,
.general-mention a {
  color:white;
  text-decoration:none;
}

.bottomnav a:hover,
.general-mention a:hover {
  /*background-color:inherit !important;*/
  color:white;
  text-decoration:underline;
}

.bottomnav ul {
  display : flex!important ;
  list-style-type:none!important;
}

.general-mention p {
  padding: 0 0 8px 0;margin:0; font-size:90%;
  text-align:center !important;
}
.small-caps {
  font-variant: small-caps;
}


/* Pied de page : 4 colonnes par défaut */
.bottomnav {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
	padding: 24px;
	box-sizing: border-box;
	line-height: 1;
}

/* Listes */
.bottomnav ul.footer-menu {
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bottomnav ul.footer-menu li {
	min-width: 0;
	padding: 8px;
	box-sizing: border-box;
	overflow-wrap: anywhere;
}

/* Titres */
/*
.bottomnav .footer-menu li > b {
	display: block;
	margin-bottom: 8px;
	overflow-wrap: anywhere;
}
*/

/* Liens */
.bottomnav ul.footer-menu a.w3-button {
	display: inline-block;
	max-width: 100%;
	margin: 2px 0;
	padding: 8px;
	box-sizing: border-box;
	white-space: normal;
	overflow-wrap: anywhere;
}

/* Logo */
.bottomnav .logo-mini {
	display: block;
	width: 100%;
	max-width: 140px;
	height: auto;
	margin: 8px 0;
}

/* Tablettes et mobiles : toujours 2 colonnes */
@media screen and (max-width: 900px) {
	.bottomnav {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px;
		padding: 12px;
	}

	.bottomnav > ul.footer-menu {
		width: auto !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.bottomnav ul.footer-menu li {
		min-width: 0;
		padding: 6px 2px;
	}

	.bottomnav ul.footer-menu a.w3-button {
		max-width: 100%;
		margin: 3px 0;
		padding: 5px 3px;
		font-size: 0.8em;
		white-space: normal;
		overflow-wrap: anywhere;
		box-sizing: border-box;
	}

	.bottomnav .footer-menu li > b {
		font-size: 0.95em;
	}
}