/*
Theme Name: HaneLunaire
Theme URI: https://www.elanna.com/themes/hanelunaire/
Author: elanna
Author URI: http://www.elanna.com
Description: mochis
Requires at least: WordPress 5.1
Version: 7.0.0
*/
/* ///////corps/////// */
html
{
width: 100%; height: auto; margin: 0;
background-image: url("img/fond/fond.jpg");
background-attachment:fixed;
background-position: top 40px left;
background-size: contain;
margin-top: 0;
scroll-behavior: smooth;
}
body
{
background : linear-gradient(rgba(40,140,230,0.4) 0%, rgba(110,80,200,0.5) 10%, rgba(255,120,220,0.4) 20%,rgba(110,80,200,0.5)25%, rgba(32,0,104,0.9) 80%, rgba(9,1,31,1) 100%) top center repeat-x;
position: static; width: 100%; height: auto; margin: 0;
font-family: 'Roboto Flex', sans-serif !important;
font-variation-settings: "wght" 400, "opsz" 16;
font-size:16px;
z-index: 100;
color: var(--noir);
}
*
{
padding: 0;
margin: 0;
list-style: none;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
transition: .1s ease;
text-wrap: pretty;
}
:root
	{	
	--indigo:#2e006c;
	--indigo-fonce: #200068;	
	--bleu: #3E56EE; --violet: #744FC9; 	 
	--bleu-pale: #E2E8FF;
	--mauve-pale: #EFE7FF;
	
    --violet-bleu: #5D69E7; 
	--mauve: #8387D2;
	
	--gris-fonce: #2A2535;
	--gris: #9B95AB;
	--gris-clair: #CBCBD5;
	--taupe:#554D67;
	--lavande: #9999CC;
	
	--noir: #09011F;  
    --blanc: #FFFFF0;    
    --ivoire: #FFFFE0;
	
	--email: var(--indigo);  
	--pinterest: #E60F2F;
	--bluesky: #1A91DA;
	--facebook: #3D5999;
	--instagram: #E93A68;
	--linkedin :#0A66C2;	
	
	--bourgogne: #6b002e;
	--marine: #0F056B;
	--rouge:#FF006E;
	--vert: #008577;
	--menthe:#dcfce7;
	--pink:#f9e4f4;
	}
span.bleu{color:var(--violet-bleu);}

[hidden]{display:none; visibility:hidden;}
p{orphans: 3; widows: 3; page-break-inside: avoid;page-break-before: avoid;}
a.margin-33{width: 33%;margin: 1% 5%;}
a.margin-100{width: 100%;margin: 0 auto;}
a.margin-50{width: 50%;margin: 25px auto;}
a:focus {outline: none;}

a:not(.button, footer a, nav a, header a, .notA, .serviceButton a, .shareContent a, button) 
	{
		color:  var(--bleu);
		display: inline-block;
		max-height: 100%;
	}
article{padding-bottom:3%;}
article p, article li:not(article li.share_li){line-height: 160%;margin: 1% 0; letter-spacing:0.5px;}
details p{line-height: 150%; margin: 1%;}
input{font-family: 'Roboto',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; padding:5px;}

:link, :focus:not(.shareContent *), section a :not(figcaption, span, a.notA p, ul.serviceButton li a p, .shareContent *, a.sans *, a.serviceButton, .serviceButton a, button)
{color: var(--bleu);}

:link, :focus{font-weight: bold;}
img:focus
{
filter:drop-shadow(1px 1px 1px var(--noir));
}
button:focus, input:focus, textarea:focus, a:focus, li:focus, select:focus
{
box-shadow: 1px 1px 1px var(--noir);
}

a:hover:not(a.button, footer a, nav a, header a, a.notA:hover, .serviceButton),
:link:hover:not(a.button, footer a, nav a, header a, a.notA:link)
	{
		color:var(--violet-bleu) !important;
	}
section a img:not(.flexBox img, ul.reseau_sociaux img)
	{
		transition: .5s ease;
	}
section a img:not(img.logo, ul.reseau_sociaux img):hover
	{
		transform: scale(1.05);filter: grayscale(65%);
	}
	
	
button, input {font-size:16px;}	
	
h1{font-size:xxx-large;}
h2{font-size:xx-large;} .article h2{font-size:x-large;}
h3, h4{font-size:larger;}
h4, h5, h6{text-align: left; margin: 0.5px; padding: 10px 0; max-width: max-content;}
h5, h6{font-size:large;}
h1, h2, h3, h4, h5, h6, nav.menu
{
font-weight: bold;
word-break: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
}
	
/*//////general//////*/

.emoji 
{  
width: 1em; min-width:20px; min-height: 20px;
height: 1em;
vertical-align: middle;
}
.g{font-weight:bold;}
.scale{width: fit-content;margin: auto;}

.article article.pinsBox{padding:3% 5% 3% 3%; margin:1% 5%;}


.larger{font-size:112% !important; padding: 0.5% 0;display: flex; justify-content: left; align-items: first baseline;}
.Xlarger{font-size:130% !important; padding: 0.5% 0;display: flex; justify-content: left; align-items: first baseline;position: relative;left: -10px;width: 110%;overflow: hidden;}
.center{text-align:center; max-width:100%; min-width:50%;}
::-webkit-scrollbar {
width: 15px;
}
::-webkit-scrollbar-track {
background: var(--blanc);
}
::-webkit-scrollbar-thumb {
background: var(--bleu);
}
::-webkit-scrollbar-thumb:hover {
background: var(--violet);
}
.scroll{ scrollbar-color:var(--bleu) var(--blanc); width: 100%; height: 30%;}
.scroll:hover, .scroll:focus, .scroll:active {scrollbar-color:var(--violet-bleu) var(--blanc);}
.scroll-width-auto{ scrollbar-width: auto;}
.scroll-width-thin{scrollbar-width: thin;}
input [type=text]{background:var(--blanc) !important;}
img[alt]{font-family: roboto;font-weight: bold;}

/*cursor*/
a{cursor: pointer !important;    letter-spacing: initial;
line-height: initial;}
p#text, h1, h2, h3, h4, h5, h6{cursor: default;}
input [type=text], textarea{cursor:text;}
input[type="submit"], 
input[type="button"], 
button {
    cursor: pointer;
}

p.bigP{white-space: break-spaces;}


#asideMenuTopRight:hover,nav#sticky ul li:hover:not(.menu_rond)
{
	background-color:var(--bleu);
	color: var(--blanc);
	box-shadow: 0 0 6px 4px rgba(15,0,37,0.6);
	background-image: url(img/fond/carton.png);
}
#asideMenuTopRight:focus,nav#sticky ul li:focus,
nav#sticky ul li:active, nav#sticky ul li:focus-visible,
nav#sticky ul li:focus-within,
nav#sticky ul li:target
{
	background-color:  var(--violet-bleu) !important;
	color: var(--blanc);
	box-shadow: 0 0 6px 4px rgba(15,0,37,0.6);
	background-image: url(img/fond/carton.png);
	border-radius:0px !important;}
#asideMenuTopRight a:hover{opacity:1;}


.boutique:hover
{
	transform: scale(1.05);filter: grayscale(65%);transition: .5s ease;
}
a#top{height:max-content; width:max-content;display: block;position: sticky;top: 239px;}

.contenu{position:relative;}
.ombre{filter: drop-shadow(-5px 5px 10px var(--noir));}
.colorBox, .colorBoxmini,.pinsBox,.pinsBoxRose, .wpcf7-response-output, details, .serviceButton a button{box-shadow: 1px 1px 10px -5px var(--noir);}
.fond_ombre
{
-moz-box-shadow: inset 0px 0px 20px 5px var(--noir);
-webkit-box-shadow: inset 0px 0px 20px 5px var(--noir);
box-shadow: inset 0px 0px 20px 5px var(--noir);
}
.fond_image_top
{
background:  url("img/signature_noire.png") no-repeat right top, url("img/fond/fondmuses_negatif.jpg") center fixed;
}
.fond_image_bottom
{
background:  url("img/signature_noire.png") no-repeat right 15px bottom, url("img/fond/lightpaper_white.jpg") center fixed;
padding: 2em;
border: 45px solid transparent;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-image: url(img/fond/pins_rose.png) 100 space;
box-shadow: 1px 1px 10px -5px var(--noir);
text-align: center;
width: 85%;
margin: 1% auto;
}
/*//////action general//////*/
section ::selection{background:var(--noir); color: var(--blanc); }
footer ::selection, nav ::selection{background:var(--bleu); color:var(--blanc) ; }
button a:hover, a, a:active, a:hover, a:focus{text-decoration: none !important;}
footer a:hover{text-decoration: underline !important;}

nav.menu  a:not(#returnHomeNoir), footer a, .buddypress-wrap .bp-navs.tabbed-links ul li.current a, footer a:visited, .menu nav a:visited, .menu nav a:focus, .menu nav a:hover
{color: var(--blanc) !important;}
nav.menu  a,.buddypress-wrap .bp-navs.tabbed-links ul li.current a
{letter-spacing:1.5px !important;}
.buddypress-wrap .bp-navs.tabbed-links ul li.current a:hover{color:var(--bleu);text-decoration: none; }
nav a:hover, footer a:hover, nav a:active, footer a:active, nav a:focus, footer a:focus:not(a.notA:hover, a.notA:focus)
{color: var(--violet-bleu);}
a.notA{width:100%; height:100%;}
a.notA:hover, a.notA:focus, a.notA:active{color:var(--blanc); }
.titre a.notA p{color:var(--blanc);top:0px !important;}
.titre a.notA:hover>p{color: var(--noir);}

a.focus:focus{background-color:initial;}
/*//////h general & font-size//////*/
@font-face
{
font-family: 'robotoregular';
src: url('roboto-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
#menu_top bdi{font-variant:small-caps;}
#menu_top p{font-size:20px;}
.titre::before
{
content:'HANELUNAIRE'; display:inline-block;
font-size:80px; font-weight:bolder; line-height:0.75; letter-spacing:27px;
vertical-align:middle;
opacity:0.1;
height:max-content;
color:var(--ivoire);
}
.titre
{
grid-area:titre;
font-weight:bolder;
position:relative;
height:60px;
top:0;
left:0;
overflow:hidden;
}
#titreA, #titreA2
{background: url("img/fond/paper_fond.png"),linear-gradient(0.10turn,rgba(32,0,104,0.9)50%, rgba(255,255,224,0.5)100%) top center repeat-x;
text-align:left; color:var(--ivoire);  }
#titreA2:hover, #titreB
{background: url("img/fond/paper_fond.png"),linear-gradient(0.10turn,rgba(32,0,104,0.5)10%, rgba(255,255,224,0.9)100%) top center repeat-x; }
#titreB p
{
text-align:right;  color:var(--noir); }
.titre *
{
position: absolute;
top:10px;
font-size:30px;
z-index:1;
height: 40px;
display: block ruby;
}
#titreA *, #titreA2 *{left:5%;}

#titreB *{right:5%;}
nav.menu{font-size:18px;}
#logoButton
{z-index:20; position:absolute;right: 5px;width: 33%;max-height: 100%;max-width: 400px;}
#logoButton img{max-width:85%;margin: auto;display: block;max-height: 240px;}
#entete::before
{
content:'PORTFOLIO';
display:inline-block;
height:100%; width:100%;
font-size:80px; font-weight:bolder; line-height:0.75; letter-spacing:25px;
text-align:right;
opacity:0.9; overflow:hidden;
z-index:1;
min-height: 250px;
}

#entete
{
grid-area:entete;
color:rgba(255,255,240,0.2); background: rgba(255,255,240,0.2);
position:relative; display:flex; justify-content:center; align-items:center;
top:0;
left:0;
overflow:hidden;
vertical-align:middle;
box-shadow:inset 1px 1px 50px var(--noir);
z-index:2;
min-height: 150px;
background-image: url("img/fond/fondtransparent.png");
background-attachment:fixed;
background-position: top 40px left;
background-size: contain;
}
#entete img.fondEntete
{ position: absolute;
max-width:100%;/*! max-height:1611px; */
overflow: hidden; opacity:0.7; z-index:0;
/*! min-width: 580px; */
/*! width: auto; */
}
#entete h2
{
position: absolute;
}
#entete h2
{
display: block ruby;
width:100%;
color:var(--noir);
margin: auto; padding: 0;
font-size:40px; border:none;letter-spacing:5px;
text-align:center;	vertical-align:middle;
z-index:21;
background-image: linear-gradient(to right,
rgba(255,255,240,0) 0%,
rgba(255,255,240,0.7) 5%,
rgba(255,255,240,1) 50%,
rgba(255,255,240,0.7) 95%,
rgba(255,255,240,0) 100%);
}
.widget_titre, .sous-titre, .sous-titre-right, .paginationP h2, footer h3, .bp-heading
{border-bottom: var(--indigo) 2px solid;}

.sous-titre, .bp-heading
{
padding:5px 5px 5px 21px;
margin:10px 0 10px -5px;
}
.sous-titre, .sous-titre-right{width:100%;
max-width: 650px;
min-width: 194px;
}
.right{
display: flex;
flex-direction: column;
align-items: flex-end;
text-align:right;
margin: 10px 10px 10px 0;
width: 100%;
}
.sous-titre-right
{
padding:5px 25px 5px 0;
text-align: right;
}
.paginationP h2 {
  box-sizing: border-box;
  margin: 7px 0;
  padding: 5px 0 5px 10px;
  width: 100%;
  max-width: 600px;
}
footer h3, .widget_titre{padding: 5px; margin-bottom:5px;}
.paginationP p{margin:0 !important; padding-bottom:0 !important; padding-left:20px;}
article h2:not(.right h2), article h3
{display: flex;align-items: center;padding: 1%;margin: 1% 1px 2% 0;}
h2 img, h3 img :not(.logoBoutique){width:30px; margin-right:5px;}
footer, footer h3 {font-size:14px;}
article.colorBox h3, article.colorBox h2, article.colorBoxmini h2, details summary
{
order:-1;
text-align: left;
overflow:hidden;
min-height: 30px;
background-color: rgba(255,255,255,0.3);
margin: 0 0 1% 0;
}
summary{font-weight:bold; color : var(--noir) !important; display:flex;min-width: 300px;padding: 3% 10px 1% 3%; }
summary::after
{content: url('img/flecheminibas.png');
margin-left: 50px;
position: relative;right: 15px;  bottom: -5px;
}

.bold{font-weight:bold;}	
.miBold{/*! font-weight:600; */font-family: 'Lexend', sans-serif;line-height: 1.6;}
/*//////menu//////*/
nav.menu{
color: var(--blanc);
background:url(img/fond/paper_black.png), var(--noir);
overflow:visible;
vertical-align: middle; z-index: 20;
}
/*menutop*/
div#menutop
{margin:0 auto;
display:flex;
justify-content: space-between;
align-items: center;
align-content: space-around;}
nav#menu_top
{display:flex;
position: fixed;
top: 0px;
height:47px; width:100%;
z-index:999;
}

nav#menu_top img{height:auto; max-width:35px; transition: filter 0.5s ease;}
.asideTop{display: inline-flex; align-items:center;}
#asideMenuTopLeft{grid-area: topLeft; justify-content:start;}
nav#menu_top .returnHome
{
display: flex; align-items:center;
align-self: center;
}
#returnHomeBlanc{order:1;}
#returnHomeNoir{color:var(--noir); width:20% !important;}
#returnHomeNoir bdi{display:contents;}
#connect_top {
margin-left: 5%;
}
/*menusticky*/
nav#sticky
{
height: auto;
display: inline-block;
position: sticky;
top:49px;
width: 100%;
border-bottom: 3px solid var(--violet-bleu);
text-align: center;
vertical-align: middle;
box-shadow: 0px 8px 5px 0px rgba(15,0,37,0.5);
overflow:hidden;
z-index: 99;
}
nav#sticky ul.ul_menu_sticky
{
margin: 0 auto;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
height:max-content;
z-index:30;
}
nav#sticky ul.ul_menu_sticky *:not(img,a#togg2 ,a#togg2 *){flex-basis:20%; align-self: center;}
nav#sticky ul li
{
position:relative;
display: flex;
flex-direction:column;
justify-content: center;
align-content:center;
align-items: center;
text-align: center;
color: var(--blanc) !important;
background-image: url(img/fond/carton.png);
box-shadow: 0 0 6px 4px rgba(15,0,37,0.6);
width:100%;
height: 48px;
border-top-left-radius: 35px;border-top-right-radius: 5px;
padding: 4px 0 2px;
}
nav#sticky ul li.li_menu img{width:30%; max-width:28px;}
nav#sticky ul a.returnHome{flex-basis: 10% !important;}
nav#sticky ul li.li_menu_accueil img{width: 30%;
  min-width: 40px;}

#asideMenuTopRight
	{
		grid-area: topRight; 
		justify-content:flex-end;
		height: 100%; width:30%; min-width:60px; max-width:160px;
		color: var(--blanc) !important;
		background-image: url(img/fond/carton.png); 
		border-top-left-radius: 35px;
		border-top-right-radius: 5px; 
	}
#asideMenuTopRight a
{
display:flex;
height:100%;
width:max-content;
align-items: center;
justify-content: flex-end;
font-size: initial;
opacity:0.9;
margin-right: 5px;
}
#asideMenuTopRight a img{height: 30px; width: auto; margin:0 0 0 5px;}
#asideMenuTopRight a span{width: max-content; margin: 0 5px;}
#li_active_menu{background:linear-gradient(var(--violet-bleu), transparent); color: var(--blanc);}
/*//////header//////*/
.header_content img{  align-self: center;}
header
{position:relative;
background-image: url("img/fond/paint.png");
display: flex;
justify-content: space-between;align-items: stretch; flex-wrap:wrap;
min-height:400px;
max-width: 100%;
padding:1% 5%;
margin: auto;
}
#brand_name
{position:relative; top: 50px;
align-self:flex-start;justify-self: center;
width: 30%;
max-width: 500px;
min-width: 250px;
margin-bottom:200px;
z-index: 1;
}
#brand_name img{ width:90%;  height:auto; max-width: 500px;}
#sign
{background-image: url("img/fond/torn.png"); background-position:center left;
background-size: auto 100%;  background-repeat:repeat-x;
position: absolute;
display:flex;/*! align-self: flex-end; */flex-direction:column; justify-content: space-between;
align-content:center; align-items: stretch;
width:100%; overflow:hidden;
height:max-content;
z-index: 1;
bottom: 0;
left: 0;
min-height: 150px;
scroll-margin-top:300px;
}
#sign::before{content:"Elanna"; font-size: clamp(1rem, 0.8rem + 1vw, 1.5625rem); 
font-weight:bold; text-align:center; position: relative;top: 40px;left: -30%;}
#sign p{font-size: clamp(0.875rem, 0.725rem + 0.75vw, 1.25rem); font-weight:bold; 
text-align:right;
position: absolute;
bottom: 30%;
right: 20%;
display: flex;
flex-wrap: wrap;
}
/*//////contenu//////*/
main
{
background-color: rgba(255,255,240,0.8);
background-image: url("img/fond/wall.png");
background-position: center top;
background-repeat: repeat;
background-size: auto;
scroll-snap-type: y mandatory;
scroll-behavior:smooth;
width: 100%;
height: max-content;
min-height: 350px;
position: relative;
z-index: 1;
}
div#menutop, section, ul.ul_menu_sticky{width: 90%;}
#container
{
margin: 0 auto;
height: max-content;
min-height: inherit;
}
section{	margin:0 auto;overflow-x:clip;min-height: 350px;/*! display: flex; *//*! justify-content: center; *//*! align-items: center; */}
section.largeSection{width: 100%;}
section#mainsection
{
display:grid;
grid-template-columns: auto 20%;
grid-template-rows:
auto
auto
;
grid-template-areas:
"contenu sidebar"
"commentaires sidebar";
column-gap: 1%;
}
section#mainsectionArchive
{
display:grid;
grid-template-columns:auto 1em;
grid-template-rows:
max-content
auto
100px
100px ;
grid-template-areas: "titre titre"
"contenu ."
"pagination1 . "
"pagination2 . ";
column-gap: 1%;
}
section#sectionEntete
{
display:flex;
flex-direction: column;
}
.photoId img{width:100%;}
/*elements communs*/
aside hr, .meta_project hr
{
height: 2px;
width: 100%;
margin: 10px 0;
padding: 0;
background-color:rgba(0,0,0,0.3);
border: 0;
display: block;
clear: both;
}
.pinsBox hr
{height: 2px;
width: 100%;
margin: 5px 0;
padding: 0;
background-color: var(--bleu);
border: 0;
display: block;
clear: both;}

.widgets{min-width:min-content;display: flex;flex-flow: wrap column; margin-bottom:10px;max-width: 100%;}
.wildWidgets{width:45%;display: flex;flex-flow: wrap column; margin:10px 5px 5px;}
#widget_connexion{width:98%;display: flex;flex-flow: wrap column;}
/*//contenu gauche//*/
#contenu, #contenu-little{display:flex; flex-wrap:wrap;justify-content:space-evenly; align-items:center;grid-area: contenu;
height: max-content;}
#contenuArchive {
grid-area:contenuArchive;
padding:1em;
height: max-content;
}
.content, .contentWrap
{
display: flex;
max-width: 98%;
height: auto;
}
.content
{
margin: 25px 75px 55px 75px;
justify-content: space-between;
flex-direction: column; align-items: flex-start;
}
.petitContent{	display: flex;
max-width: 98%;
height: auto;  margin: 3%;
justify-content: space-between;
flex-direction: column; align-items: flex-start; }
.contentWrap .wrapDiv{height:100%; width: 48%;padding-left: 2%;}
.wrapDivId{display: flex;flex-direction: column;justify-content: space-evenly;min-height: 300px;}
.wrapDivId p{hyphens:manual;}
.contentWrap .wrapDiv a img{width:95%; }
.contentWrap #buttonWrap{align-self:flex-end; width:max-content;min-width: 140px; float:right;}
.content-404{width: 80%; margin : 5px 2%;}
.content-404 *{ margin:1% 0;}
h1.intro{color:var(--indigo);
display: flex; align-items: center; gap: 15px; font-size: clamp(1.5rem, 4vw, 2.2rem); margin-bottom: 30px; padding-bottom: 15px;}
p.intro{margin: 5px 10px; width: 95%; font-size: clamp(14px, 1vw + 1rem, 1.2rem);line-height: 1.5;}
.colorBdi bdi, .colorBdi p, span.introBDI{ font-weight:bold;background-image:linear-gradient(to right, var(--indigo), var(--bleu));
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
hyphens: none;
word-break: normal;
overflow-wrap: normal;
}

.txtG p{text-align: left;}
.largeFont p{font-size:large;}
p.lettrine::first-letter{font-size: 150%; font-weight:bolder; color:rgb(46, 0, 108);}
.archive .content figure{
max-width: max-content;  min-width: 100px; width: 98%;
max-height:300px; min-height: 100px; height: max-content !important;
overflow:hidden;
}
.post__thumbnail_archive img :not(img.logoBoutique){
max-height: max-content; min-height:100px; height:100%;
width:auto; max-width:95%;
}
.post__thumbnail_archive{width:90%; height:50%;min-height: 100px;max-height: 400px;overflow: hidden;margin: auto;position: relative;display: flex;justify-content: center;align-items: flex-start;}
.archive .content div img{max-height: 400px; min-height:150px; height:max-content;
/*! width:auto; */ max-width:95%;}
.content img:not(img.logo){ /*height: 100%;max-width: 500px;min-width: 150px;*/}
.content p, .content-right p, ul.post-categories li:not(.meta_project ul.post-categories li){/*! width:95%; */ max-width:inherit;
padding: 5px;}
.content .content {width:95%;}
.extrait h6 {
font-weight: bold; padding-bottom:11px;

}
.extrait{padding: 5px; margin:5px;min-width: 50%;width: 95%;}
.content_archive{position:relative; display: flex;height:98%; width:98%; flex-wrap: wrap;justify-content: space-evenly;margin: 10px auto; align-items: center;}
.content_archive article{width: 45%;margin: 20px 0;}
.content_archive article .content{height:98%;}
.liste{margin:10px auto;width: 100%;}
.sign{
min-height: 150px;
padding:5px 5%;
display:flex;
justify-content:space-around;
align-items: center;
align-content:center;
overflow: hidden;
}
.signMini{display:flex; justify-content:space-around; align-items: center; align-content:center;padding:5px 0;}
.sign img, .signMini img.fleche{width :20%; max-width:130px;}
.liste h2, .sign h3, .sign h2{background-image: url("img/torn.png");background-position:center top;text-align:center;background-repeat:repeat-x;/*! margin:1%; */width: fit-content;margin: auto;min-width: 150px;}
.tornScotch{
background-image: url("img/fond/torn.png"); background-position:center left;
background-size: auto 100%;  background-repeat:repeat-x;
text-align:center;  /*! width:100%; */ margin:0 auto;
overflow: hidden;
}
.liste h2,  .sign h3, .sign h2, .tornScotch{text-align:center; padding:35px 10px 20px; min-height: 55px;}



/*contenu images*/
span.select_image{ transition: .5s ease;
opacity: 0;
position: absolute;
font-weight: bold;
color: var(--blanc);
font-size: 18px;
padding: 16px 32px;
-moz-text-shadow: -2px 2px 1px var(--noir);
-webkit-text-shadow:-2px 2px 1px var(--noir);
text-shadow: -2px 2px 1px var(--noir);
letter-spacing: 0.10em;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 100%;
height: 100%;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
background: linear-gradient(rgba(9, 1, 31,0),rgba(9,1,31,0.6) 48%,rgba(9,1,31,0.6) 52%,rgba(9,1,31,0));
}
/*contenu box*/
.colorBox{margin: 2% 0; height:max-content; min-height:100px;}
.colorBox, .colorBoxmini, details{background-size:contain; background-position:top left; min-width:250px;margin: 1%;}
.pink, details{background-image: url(img/fond/lightpaper_rose.jpg);}
.colorBox:nth-child(even), .mauve
{
background-image: url(img/fond/lightpaper_mauve.jpg);
}
.colorBox:nth-child(odd), .blue
{
background-image: url(img/fond/lightpaper_bleu.jpg);
}
.wpcf7-response-output
{margin:5px auto; color:var(--noir);
background-image: url(img/fond/lightpaper_white.jpg) !important;
border: 20px solid transparent !important;
border-image: url(img/fond/pins_mauve.png) 100 space !important; }
.pinsBox{background-image: url(img/fond/lightpaper_white.jpg); }
article.pinsBox{margin:5px auto;}
.pinsBox:nth-child(even)
{
border: 45px solid transparent;
border-image: url(img/fond/pins_mauve.png) 100 space;
}
.pinsBox:nth-child(odd)
{
border: 45px solid transparent;
border-image: url(img/fond/pins_bleu.png) 100 space;
}
@media screen and (max-width: 1000px)
{
.boxMiniNew, .service-card
{border:25px solid transparent !important;}
.boxMiniNew, .infographie .service-card
{border-image: url(img/fond/pins_bleu.png) 105 space !important;}
.artisanat .service-card
{border-image: url(img/fond/pins_mauve.png) 105 space !important;}
.pdf .service-card
{border-image: url(img/fond/pins_rose.png) 105 space !important;}
 .service-card {width: 90% !important;}
}
.pinsBoxRose{background-image: url(img/fond/lightpaper_white.jpg);border: 45px solid transparent;
border-image: url(img/fond/pins_rose.png) 100 space;}
.boxPaper{background-image:linear-gradient(var(--ivoire), var(--blanc)) ,url(img/fond/paper.png);
background-repeat:round;
box-shadow: inset 0 1px 6px 0px var(--ivoire),0 5px 5px -6px var(--noir); padding-bottom:1%;
margin-bottom: 2%;
display: flex; flex-wrap:wrap;
justify-content: space-around; align-items:center;
}
.boxPaperFond{background-image: url(img/fond/paper.png); background-repeat:round; background-color:var(--ivoire);display: flex; flex-wrap:wrap;
justify-content: space-around; align-items:center; box-shadow: inset 0 1px 6px 0px var(--ivoire),0 5px 5px -6px var(--noir);
padding:1%;}
.boxPaper article{padding: 4% 10% 2% 5%;}
.boxPaper hr.bottom{
padding: 0 0 19px 0;
border-top:0px;
border-bottom: dashed var(--noir) 2px;
border-left: 0px;
border-right: 0px;
opacity: 0.5;
width:100%;}
.minibox {
border-width:3px;
/*! margin: 10px 1%; */
padding:2% 0;
min-height: max-content;
/*! overflow-x:clip; */
gap: 10%;
}
.boxMiniNew
{
padding: 1%;
max-width:1500px;
overflow:hidden;
margin: auto 0;
}
.boxNew
{
padding: 5px 0.5% 15px 0;
max-width:1500px;
overflow:hidden;
margin: auto;
}
.boxHeight{min-height:180px;}
article.boxNew{margin: 15px auto;}
.portfolioArticle { width:95%;margin: 0 auto;}
.miniboxContent .minibox .colorBoxmini{/*! min-height:40%; */overflow: clip;height: max-content;width: 95%;margin: 4% auto;}
.miniboxContent .minibox
{max-width: 100%; min-width: 50%;height: auto;}
.miniMinibox {
border-width:3px;
margin: 10px 1%;
padding-bottom:50px;
min-height: max-content;
max-width: 700px; width: 50%;height: auto;
/*! overflow-x:clip; */
}
.minibox .content
{display:flex;align-items: stretch;flex-direction: column;height: 90%;}
.miniboxContent
{
display:flex;
justify-content: center;
align-content:center;
height:auto;
min-height:max-content;
/*! overflow-y: visible; */ /*! overflow-x: scroll; */
width: 100%;
margin: 0 auto;
gap: 1%;
align-items: stretch;
}
.maxboxContent{display:flex;}
.verticalBox
{display: flex;flex-direction: column; align-items:stretch;
margin:2%; height:90%;}
.verticalBox .wrapDiv{ justify-content:space-around !important; height:100%;}
.verticalBox *:not(#buttonWrap){width:100% !important;}
/*//////footer//////*/
footer
{
/*! background-image: url("img/fond/plastic.png"); */
/*! border-top: 2px solid var(--bleu); */
z-index:8;
position: relative;
}
/*//footer principal//*/
#footer_over
{
display:grid; /*! height: auto; */
grid-template-columns:32% 32% auto;
grid-template-rows:auto 50px;
grid-template-areas:"footerleft footermiddle footerright" "footerbottomtop footerbottomtop footerbottomtop";
height: max-content;
padding: 1% 10%;
background-color: rgba(32,0,104,0.3);
z-index:9
}
/*footer contenu*/
ul.footer_block
{
color: var(--blanc);
display: flex; height: 100%;
text-align: left;
flex-direction: column;
align-content: start;
justify-content: start;
width: 90%;
}
ul.footer_block li.footer_p{/*! width: auto; */ height: max-content; /*! vertical-align:top; */ /*! text-align: left; */ /*! padding: 0.5px; */ /*! margin: 2% 0; *//*! font-weight: 600; */}
ul#footer_block_left{grid-area:footerleft; }
ul#footer_block_middle{grid-area:footermiddle;}
ul#footer_block_right{grid-area:footerright;  }
ul#footer_block_bottom{grid-area:footerbottomtop; width: 100%; height:max-content; text-align: center;}
ul#footer_block_bottom:first-child{width:100%;height:auto;}
#footer_bottom
{
height: min-content; display: block;background-color: var(--noir); padding: 1em 5em 1em 1em;
position: relative; bottom: 0px;
/*! border-top: 1px solid var(--violet-bleu); */
}
#footer_top
{
/*! border-bottom: 1px solid var(--violet-bleu); */
height:60px;
display: flex; justify-content: start; align-items: center;
background-color: var(--noir);
margin:auto;
position: relative;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left: 7.5%;
}
#footer_top *{position:relative; height: 100%;width: auto; /*! margin:auto 5px; */ align-self: baseline;}
p.footer_bottom{ color: var(--blanc); text-align: center;height: max-content;  }
aside#menu_bottom{
display: flex;
justify-content: center;
}
#imgBasFooter
{
position: absolute;
right: 10px;
bottom: 115px;
}
/*backtotop & co*/
#backtotop
	{
		position: fixed;
		cursor:pointer;
		bottom: 0px;	right: 0px;
		width: 50px;	height: 50px;
		opacity:0.7;
		filter: drop-shadow(2px 2px 1px rgba(9, 1, 31,0.7));
		background-image: url('img/backtotop.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		z-index: 10000;
		transform: scale(0.9);
	}
#backtotop:hover, #backtotop:focus, #backtotop:active 
	{ 	transition-property: opacity, transform, filter; 
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.2s;
		transform: scale(1);opacity: 1; z-index: 1000;
		background-image: url('img/backtotop_black.png'); 
	}
#gotoback
	{
		position: relative;
		cursor:pointer;
		
		width: 50px;	height: 50px;
		opacity:0.7;
		filter: drop-shadow(2px 2px 1px rgba(9, 1, 31,0.7));
		background-image: url('img/backtotop_black.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		z-index: 1;
		transform: scale(0.9) ;
		rotate: 180deg;
		
	}
#gotoback:hover, #gotoback:focus, #gotoback:active 
	{ 	transition-property: opacity, transform, filter; 
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.2s;
		transform: scale(1);opacity: 1; z-index: 1;
		background-image: url('img/backtotop.png'); 
	}
/*//////reseaux sociaux//////*/
#reseauxV
{
z-index:1000;
height: 40px;
}
#reseauxV li, #reseauxH li
{/*! filter: drop-shadow(-1px 2px 2px var(--noir)); */background:var(--blanc);
border-radius:30px;width:30px; height:30px; border: 2px transparent solid;}
/*//reseaux sociaux little//*/
.reseau_sociaux_little{width:100%; -moz-transition: all 3s ease-in-out 3s;
transition: all 3s ease-in-out 3s;
-webkit-transition: all 3s ease-in-out 3s;
-ms-transition: all 3s ease-in-out 3s;
-o-transition: all 3s ease-in-out 3s;}
.reseau_sociaux_little li{ min-width: max-content; /*! padding: 5px; */}
ul.reseau_sociaux li{width:max-content; margin:1px 5px; }
ul.reseau_sociaux img{max-width:45px; min-width:30px; width:98%;-moz-transition: all 3s ease-in-out 3s;
transition: all 3s ease-in-out 3s;
-webkit-transition: all 3s ease-in-out 3s;
-ms-transition: all 3s ease-in-out 3s;
-o-transition: all 3s ease-in-out 3s;}
ul.reseau_sociaux
{
display:flex; flex-direction: row;justify-content: center; align-items: center; align-content: center;
width: auto;
}
main ul.reseau_sociaux{flex-wrap: wrap;}
/*services*/
.service{display: flex; flex-direction:column; width:100%;justify-content: center;
align-content: center;
align-items: center;
min-height: min-content;
position: relative;
gap: 20px;
max-height: max-content;
}
.grandService, .petitService{margin:5px auto;display:flex; width:100%;}
.petitService{flex-wrap:wrap; justify-content:space-evenly;}
.grandService{justify-content:center;}
.notAimage{margin:5px 1%;width:30%; min-width:290px;}
.notAimage img{width:100%;}
ul.serviceButton{margin:20px; align-self: end;
transform: scale(1.05);
transition: all 0.3s ease;/*! display: revert-layer; */
}
ul.serviceButton li
{display: flex;  justify-content: end; align-items: end;}
ul.serviceButton li a 
	{
		display: flex;
		justify-content: flex-end;
		border-radius: 30px;
	}





/*reseaux sociaux header*/
#reseau_sociaux_little_header{display: flex; justify-content: space-around; align-items: center; align-content: center;width:100%;height: max-content;}
#reseau_sociaux_little_header li
{
display: flex; justify-content:center; align-items:center;
background: rgba(9,1,31,0.3);
border-radius:50%;
filter: drop-shadow(-1px 2px 2px var(--noir));
width:50px;
height: 50px;
opacity:0.8;
}
#reseau_sociaux_little_header li:hover{opacity:1;}
#reseau_sociaux_little_header a{color:var(--ivoire);}
#reseau_sociaux_little_header img{ width: 40px; height: auto; text-align: center; z-index:10;}
#reseau_sociaux_little_header img:hover{ width: 45px; height: auto;}
.barreReseauxSociaux{grid-area: no_hide;  justify-self: center; align-self: center;width: 100%; height: 60px;}
/*reseaux sociaux footer*/
.reseau_sociaux_little_footer img{ width: 35px; padding: 5px;}
.reseau_sociaux_little_footer li{ width: 100%; display: flex;height: 50px; }
.reseau_sociaux_little_footer li p{display: inline-block; position: relative; left:45px;}
.reseau_sociaux_little_footer li a
{
display:flex; align-items: center;align-content: space-around;justify-content: flex-start;
min-width:100px;
}
.reseau_sociaux_little_footer li a:hover{ background-size:35px !important;}
#bluesky a{background: url("img/icons/blueskyblanc.png") left center no-repeat; background-size:30px;}
#bluesky a:hover{ background: url("img/icons/blueskyclair.png") left center no-repeat;color:#94FFFF !important;}
#facebook a{background: url("img/icons/facebookblanc.png") left center no-repeat; background-size:30px;}
#facebook a:hover{ background: url("img/icons/facebookclair.png") left center no-repeat;color:#8EB0FC !important;}
#instagram a{background: url("img/icons/instagramblanc.png") left center no-repeat; background-size:30px;}
#instagram a:hover{ background: url("img/icons/instagramclair.png") left center no-repeat;color:#F48BC3 !important;}
#pinterest a{background: url("img/icons/pinterestblanc.png") left center no-repeat; background-size:30px;}
#pinterest a:hover{ background: url("img/icons/pinterestclair.png") left center no-repeat;color: #FF7473 !important;}
#email a{background: url("img/icons/emailblanc.png") left center no-repeat; background-size:30px;}
#email a:hover{ background: url("img/icons/emailclair.png") left center no-repeat;color:#9370DB !important;}
#linkedin a{background: url("img/icons/linkedinblanc.png") left center no-repeat; background-size:30px;}
#linkedin a:hover{ background: url("img/icons/linkedinclair.png") left center no-repeat;color:#5d98d3 !important;}

ul.shareContent{width:98%; height:max-content; min-height:40px;
display: flex; flex-wrap: wrap;justify-content: end;align-items: center;align-content: center;
padding: 2% 1%;
}
ul.shareContent li{
margin: 5px; }
ul.shareContent li.share_li{
min-height:25px; width:25%; min-width:125px; max-width:180px; }
ul.shareContent li a{display: flex;justify-content: flex-end; align-items: center;
min-height:25px;
font-weight: bold;
background-position:left 5px center; background-repeat: no-repeat;background-size:25px;
border:2px solid transparent; border-radius:4px;
padding-left:40px;  padding-top: 2px; padding-right:5px; padding-bottom:2px;
}
ul.shareContent li a p{color: var(--blanc); position: relative;}
.share-linkedin a{background-color:var(--linkedin); background-image: url("img/icons/linkedinblanc.png"); }
.share-instagram a{background-color:var(--instagram); background-image: url("img/icons/instagramblanc.png"); }
.share-facebook a{background-color:var(--facebook); background-image: url("img/icons/facebookblanc.png");}
.share-bluesky a{background-color:var(--bluesky); background-image: url("img/icons/blueskyblanc.png") ;}
.share-pinterest a{background-color: var(--pinterest); background-image: url("img/icons/pinterestblanc.png") ;}
.share-email a{background-color: var(--email); background-image: url("img/icons/emailblanc.png") ;}
.share-linkedin a:hover{background-color: var(--blanc);border-color:var(--linkedin) !important; color:var(--linkedin) !important;background-image: url("img/icons/linkedin.png");}
.share-instagram a:hover{background-color: var(--blanc);border-color:var(--instagram) !important; color:var(--instagram) !important;background-image: url("img/icons/instagram.png");}
.share-facebook a:hover{background-color: var(--blanc);border-color:var(--facebook) !important;color:var(--facebook) !important; background-image: url("img/icons/facebook.png");}
.share-bluesky a:hover{background-color: var(--blanc);border-color:var(--bluesky) !important;color:var(--bluesky) !important; background-image: url("img/icons/bluesky.png"); }
.share-pinterest a:hover{background-color: var(--blanc);border-color: var(--pinterest) !important;color: var(--pinterest) !important; background-image: url("img/icons/pinterest.png");}
.share-email a:hover{background-color: var(--blanc);border-color: var(--email) !important;color: var(--email) !important;  background-image: url("img/icons/email.png") ;}
.share-linkedin a:hover > p {color:var(--linkedin);}
.share-instagram a:hover > p {color:var(--instagram);}
.share-facebook a:hover > p {color:var(--facebook);}
.share-bluesky a:hover > p {color: var(--bluesky);}
.share-pinterest a:hover > p {color:var(--pinterest);}
.share-email a:hover > p {color:var(--email);}






/*carousel*/
.carousel{display: flex; flex-direction: column;width:95%; max-width: 1000px;}
.carousel{ overflow: hidden; }
.carousel .visio img { width: 20%; float: left; }
.carousel .visio {
position: relative;
width: 500%;
text-align: left;
animation: 26s slide infinite;
}
.carousel .visio .images
{opacity: 1;}

.pellicule
{
position:relative;
background: url("img/fond/pellicule.png") repeat-x; background-position: center center;background-repeat: repeat-x;
z-index:1;
width: 100%;
min-height:200px;
margin: auto;
display: flex;
background-size:cover;
max-height: 280px;
height: 90%;
}
.pellicule > img
{
width: auto;
max-width: 98%;
margin: auto;
min-height: 80px;
max-height: 185px;
position: relative;
display: inline-block;
}
@keyframes slide {
0% { left: 0%; }
15% { left: 0%; }
20% { left: -100%; }
35% { left: -100%; }
50% { left: -200%; }
65% { left: -200%; }
80% { left: -300%; }
95% { left: -300%; }
100% { left: 0%; }
}


/*connexion*/
.formConnexion{position:relative; width:100%;}
.password + .unmask {
background:url("img/icons/eye.png"), bottom right no-repeat; background-size:100% auto;
background-color:transparent;
z-index:2;
}
.password + .unmask:before
{ content:"";
z-index:1;
}
.password[type="text"] + .unmask:after {
position:relative;
content:"";
top:-28px;;
background:url("img/icons/eyebarre.png") center center no-repeat; background-size:100% auto;
border:none;
z-index:3;
}
.password + .unmask, .password + .unmask:before, .password[type="text"] + .unmask:after{
display:block;
width:30px;
height:30px;
border:none;
-webkit-appearance:none;}
.description, .commentaire{text-indent:0.5em; }
.description{ margin:0 5% 0 10%;text-align: left;}
.description li.dot, .menuDot li, ul.dot li{list-style-type:disc;list-style-image:url('img/icons/lune.png');padding: 5px 0;}
.description li.dot{ list-style-position: inside;  }
.news ul {
list-style-type: none; /* Supprimer la puce par défaut */
padding: 0; /* Supprimer le padding par défaut */
}
.news li {
padding: 5px 0;
position: relative; /* Permet de positionner l'image à l'intérieur */
}
.news li:before {
content: ""; /* Ajoute du contenu avant chaque li (dans ce cas, votre image) */
display: inline-block;
width: 20px; /* Largeur de votre image */
height: 20px; /* Hauteur de votre image */
background-image: url('img/icons/lune.png'); /* Chemin vers votre image */
background-size: auto; /* Ajuster la taille de l'image */
background-repeat: no-repeat; /* Ne pas répéter l'image */
position: absolute;
top: 10px; /* Positionner en bas */
left: -25px; /* Décalage à gauche pour s'aligner */
}
bdi.dot{padding: 0.5% 0 0.5% 15px;background-image:url(img/icons/lune.png); background-position:left center; background-repeat:no-repeat;
font-size:101%; line-height: 20px;}
ul.fleche li,  .fleche li{list-style-type:disc;list-style-position: inside; list-style-image:url('img/flechemini.png');padding: 5px 0 0;}
bdi.fleche, p.fleche, h5.fleche{background-image:url(img/flechemini.png); background-repeat:no-repeat;
font-size:101%; line-height: 25px;}
bdi.fleche, h5.fleche{padding: 0.5% 0 0.5% 35px;background-position:left top 3px;
font-size:101%; line-height: 25px;}
p.fleche{padding: 0 0 0 35px;background-position:left top; }
bdi.plus, p.plus{background-image:url(img/plusmini.png); background-repeat:no-repeat;
font-size:101%; line-height: 25px; padding: 0 0 0 35px;background-position:left top; }

ul.menu li{padding:5px 0;
list-style-type: disc;
/*! list-style-position: inside; */
list-style-image: url('img/icons/lune.png');
min-height: 10px;
height: max-content;
/*! white-space: nowrap; */
}
ul.large {font-size:large;}
/* frontpage*/
#headerFrontPage{position:relative;
height: 1130px;
overflow-x: clip;
}
#headerFrontPage #brand_name
{
position: sticky;
display: flex; 
flex-wrap: wrap; 
justify-content: space-between; 
align-items: flex-start;
top: 100px;
bottom: 0;
width: 100%;
max-width:1000px;
z-index: 2;
}
#mainFrontPage #container #mainsection{grid-template-columns:auto !important;}
#mainLarge #contenu{ padding-right: 1em;}
/*portfolio et extrait portfolio*/
.font-manuscrite {
letter-spacing: 1px;
font-weight: 400; }

/*flexbox*/
.flexBox {
grid-gap: 4px;
position: relative;
display: flex;
flex-direction:row; flex-wrap:wrap;
justify-content:stretch;
align-content:stretch;
align-items:center;
padding: 10px 4%;
}
.flexBox a
{
flex-basis:270px; flex-shrink:1; flex-grow:4; align-self:stretch; height:270px;/*! max-width: 696px; */background-image: url(img/logo_filigrane.png);
background-repeat: no-repeat; background-position:center center; background-size: contain;
}
.flexBox a .project {position: relative; overflow: hidden; height:100%;}
.project figure{overflow: hidden; display:flex; justify-content: center;align-items: center;height: 100%;width: 100%;}
.flexBox a .project figure img, .flexBox a .project figure video
{
position: absolute;
max-width: 150%; 
height: auto;
object-fit: cover;
}
.project a{width:100%; height:100%;}
.flexBox a:nth-child(odd):hover{background-color: rgba(116,79,201,0.5);}
.flexBox a:nth-child(even):hover{background-color: rgba(41,112,255,0.5);}
.project figcaption
{
position: absolute;
bottom:0px;
display:flex;
justify-content:center; align-items:center;
}
/*portfolio*/
.photoBox {
grid-gap: 2%;
position: relative;
display: flex;
flex-wrap:wrap;
justify-content:center;
align-content:center;
align-items:center;
padding: 10px 4%;
}
.photoBoxDeco
{  margin: 20px 10px;
padding: 15px;
flex-basis: 35%;
width: 100%;
max-width: 900px;
min-width: 380px;
height: 650px;
min-height: 500px;
max-height: 900px;
background-color: var(--blanc);
background-image: url(img/fond/photo2.png);
box-shadow: inset 0 -2px 5px var(--noir), 1px 1px 10px -5px var(--noir);
}
.photoBoxDeco *{ border-radius:2.5px;}
.photoBoxDeco p {
    line-height: 1.6;
    margin-bottom: 1.2rem; 
    color:var(--gris-fonce); 
	padding:1% 2%;
}
.photoBoxDeco a.lien_article{background-color: rgba(85,77,103, 0.8);
position: relative; display:block;
width: 100%;
max-height: 400px;
margin: 10px auto;
box-shadow: inset 0 -0 15px 5px var(--noir);
background-image: url(img/fond/photo3.png);
min-height: 250px;
height: 100%;
}
.photoBoxDeco a.lien_article .project {position: relative; overflow: hidden; height:100%;width: 100%;}
.photoBoxDeco a.lien_article img {
position: absolute;
width: auto; /* Réinitialise la largeur */
height: 100%; /* Prend la hauteur totale du parent */
max-width: 100%; /* Largeur maximale */
max-height: 100%; /* Hauteur maximale */
object-fit: contain; /* Remplit le conteneur tout en conservant le ratio */
}
.photoBoxDeco:nth-of-type(odd) a.lien_article:hover {
/* Style pour les conteneurs impairs */
background: rgba(116, 79, 201, 0.7);background-image: url(img/fond/photo.png);
}
.photoBoxDeco:nth-of-type(even) a.lien_article:hover {
/* Style pour les conteneurs pairs */
background: rgba(41, 112, 255, 0.7);background-image: url(img/fond/photo.png);
}
.flexBoxSimple
{
display: flex;
flex-wrap: wrap;
justify-content:space-evenly;
align-items:start;
}
.flexBoxSimple figure {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
text-align: center;
margin: 10px 20px;
justify-content:center;
align-items:center;
align-content:space-between;
width:33%; min-width:200px; max-width:350px;
}
.flexBoxSimple figure h3{margin:5px auto; padding:5px;}
.flexBoxSimple figure img{width:33%; height:auto; padding:5px; min-width:100px; max-width:150px;}
.flexBoxSimple li,.flexBoxSimple p{text-align:left; margin-top: 5px;}
.flexBox a:hover>.project figure img, .flexBox a:hover>.project figure video
{opacity:0.3 !important; transform:scale(1.1);transition:0.5s ease; }
.photoBox a:hover>.project figure img, .photoBox a:hover>.project figure video
{opacity:0.2 !important; transform:scale(1.1);transition:0.7s ease; }
.fondblanc{background:var(--blanc);}
.project figcaption, .portfolio.wp-block-image figcaption
{
text-align: center;
width: 100%;
padding: 1em 0 !important;
font-weight: bold; letter-spacing: 2px;
text-transform: uppercase;
text-shadow: 1px 1px 1px var(--noir);
background: linear-gradient(to top, rgba(9,1,31,1) 0%, rgba(9,1,31,1) 30%, rgba(9,1,31,0) 100%)!important;
color: var(--blanc);
z-index: 3;
}
.project:hover .grid__overlay {opacity:1;}
.meta_project{width:98%;text-align: left;margin-left: 3%;}
article .content .wp-block-image figcaption.wp-element-caption, article .content .wp-block-video figcaption,article .wp-block-embed figcaption
{
padding: 1% !important;
bottom : -10%;
text-align: center;
text-transform: initial;
font-weight: bold; letter-spacing: 2px;
color:var(--noir);
background-clip :border-box;
background-image :url('img/surligne.svg') !important;
background-origin :padding-box;
background-position :top left ;
background-repeat :no-repeat;
background-size :100% 100%;
box-sizing :border-box;
flex-basis:fit-content;
flex-grow:initial;
align-self:flex-end;
z-index: 3;
}
.wp-block-image figcaption
{position:relative; bottom:59px;}
.wp-block-image figcaption >.wp-block-image:hover {opacity:0;}
.grid__title
{
position: absolute;
width: 100%;
text-align: center;
white-space: nowrap;
bottom: 0;
font-weight: 100;
font-size: 0.8em;
z-index: 3;
text-transform: uppercase;
letter-spacing: 2px;
}
.grid__overlay {
height: 100%;
grid-column: 1 / -1;
grid-row: 1 / -1;
position: relative;
display: grid;
justify-items: center;
align-items: center;
opacity:0;
transition: 0.5s ease;
background-image: url(img/logo_filigrane.png);
background-repeat: no-repeat; background-position:center center; background-size: contain;}
.viewbutton
{
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
text-shadow: 1px 1px 1px var(--noir);
color: var(--blanc);
position:absolute;
}
.extraitImg
{
background: linear-gradient(to left,rgba(255,255,240,0) 0%, rgba(255,255,240,0.7) 20%, rgba(255,255,240,0.7) 80%,rgba(255,255,240,0) 100%);
width:100%;
text-align:center;
position:relative;
top:20%;
color:var(--noir);
font-size:0.95em;
padding-left:10px;
padding-right:10px;
}
.extraitImg p {color: var(--noir) !important;}
.overlay
{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
z-index: 3;
}
@keyframes op{
0%{opacity:0;top:30%; left:57%;}
5%{opacity:100%;}
10%{opacity:100%;}
}
@keyframes littlesign {
0%{left:90%; visibility:hidden;}
50%{visibility:visible;}
}
/*animation scroll*/

#menurond:hover{filter:drop-shadow(2px 0px 5px var(--violet));}
#boutique1
{
background-image: url("img/fond/banner.jpg");
background-position:top left;
background-size: cover;
background-repeat: no-repeat;
}
.boutique a.lien_article{width: auto;
position: absolute;
max-height: 100%;}
.boutique a.lien_article img{height:100px; margin: initial;}
.presMoi{display: flex;
justify-content: flex-start;
align-items: center;
/*! background-image:url("img/nekochi.png"); */
/*! background-position:bottom right; */
/*! background-repeat:  no-repeat; */
/*! background-size: 15%; */
padding: 0 15px;
}
.presMoi img.deco{max-width:190px; min-width:90px;width:33%;position:relative;
border-radius: 1%; align-self:flex-end;}
.presMoi img.fondDeco{bottom:-40px; left:-10px;min-width: 150px;}
.presMoi p{display: flex;
flex-direction: column;
justify-content: space-around;}
.presMoi .flexColonne{align-self: stretch;
display: flex;
flex-direction: column; justify-content:space-evenly;
width: 100%;
}
.presMoi .flexColonne a{align-self:end;}
p.pMargin,.presMoi p, p.pdePres{margin:3% 3% 0 3%; padding:1%;display: flex;}
.presMoi p, p.pdePres{flex-direction: column;justify-content: center;align-items: start;}
p.pMargin
{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: baseline;
align-content: stretch;
min-height: 250px;
}
.flexColonne a.button {align-self: end; }
/*menu*/
ul.menuSearch li
{
display: flex;
align-items:center;
width: 50%;
position: absolute;
right:21%;  top:0;
background-color: var(--blanc);
background-image: url("img/fond/paper.png");
text-align:right;
height:45px;
border-bottom: 3px solid var(--bleu);
}
ul.menuSearch li form#searchform{max-width:75% !important; padding:5px 0;flex-wrap: nowrap;}
ul.menuSearch li form#searchform *{display: inline; height:30px; padding:5px 0;}
ul.menuSearch li form#searchform input#s{width:100%;}
ul.menuSearch li form#searchform input#searchsubmit{margin:5px;}
ul.menuRetract
{
display: none;
position:sticky;
left: 0px;
width: 100%;
height:max-content;
color: var(--blanc) !important;
z-index:1000;
overflow:hidden;
}
#togg2{display:block;width:50px;}
.rD2{ top: 0px;}
ul.menuRetract a {flex-basis:20%;}
ul.menuRetract li
{
height:max-content;
left:0; top:0;
padding: 5px 0 !important;
z-index:1000;
}
ul.menuRetract li:hover{ background: var(--bleu);
color: var(--blanc);
box-shadow: 0 0 6px 4px rgba(15,0,37,0.6);}
.menuRetract img{height:30px;}
.displayFlex{width:100%; display:flex;justify-content: space-around;align-items: start;}
.displayBlockRuby{display:flex;flex-wrap: wrap;justify-content: space-around;align-content: center;align-items: baseline;}
.flexColumn{flex-direction: column;}
.flexWrap{flex-wrap:wrap;}
/*menu*/
/*/////////////////////////main/////////*/
.portfolio img
{
display:flex;
margin:auto;
height:max-content !important;
max-height:max-content;
min-height:fit-content;
width: fit-content;
}

ul.logiciels {/*! display: flex; */width: 90%;height: max-content;margin: 10px 1%;align-content: center;align-items: center;justify-content: space-around;}
ul.logiciels li{width:100%;}
ul.logiciels li img{max-width: 50px; max-height:50px; width: 90%; height: auto; min-width:45px; min-height:45px;}
#portrait{position:relative;z-index:1;}
#portrait img{width:220px;}
#portrait figcaption
{ font-size:18px;
font-variant: small-caps;
font-weight: bolder;
width: 100%;
color:var(--blanc);
position: relative;
top: -52px;
left:21px;
}
a#top:hover>#portrait figcaption{color:var(--noir);}
.large #contenu {padding:0 !important;}
.large span{display: inline; width:100%;}
.searchImg{overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
width:98%;
max-height:400px;}
.searchImg a img{width:100%; height:auto;}
.searchContent{height: auto !important;}
/*je sais plus*/
/*images decoratives*/
#imgAvant
{
grid-area:imgAvant;
align-content: flex-end;
align-items: flex-end;
justify-content: flex-end;
align-self: flex-end;
min-width: 115px;
max-width: 150px;
margin-bottom: 2%;
}

.imgL {display:flex; justify-content:center; align-content:center;}
.imgD img{width:auto; height: 100%; }
.imgL img{position:relative;max-width:100%; margin:0 auto; height: auto;max-height: 200px;}
/*navigation*/
.paginationP .nav-links {
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
justify-content: flex-start;
padding-left:20px;
}
.navigationN, .paginationP
{
display: flex;
font-weight: bold;
}
.paginationP *{font-size:18px;}
.paginationP
{flex-direction:column;height: max-content;max-height: 100px;
margin:10px 0;
max-width: 100%;
overflow: hidden;
}
.paginationNavigation{margin:0; padding: 0.5% 5%; text-align:justify; font-weight:700; display: flex; justify-content: space-around;}
.paginationNavigation a{display: flex !important;
align-items: center;
min-width: min-content;}
.paginationNavigation a img{margin:10px 5px 5px 5px; opacity:0.7; }
.paginationNavigation a img:hover{opacity:1; }
.paginationP .page-numbers
{
min-width: max-content;
width: 25px;
height: 30px;
display: flex;
justify-content:center; align-items:center;
padding: 5px;
}
a.page-numbers:hover{
background-color: var(--indigo);
color: var(--blanc);
}
.current{ background-color: var(--violet-bleu);
color: var(--blanc);}
.navigationN {justify-content: space-between; align-items: center;height:100%; margin:5px; width:90%;}
.site__navigation__prev{display: flex; flex-wrap: wrap; flex-direction: column; align-items: start; justify-content: start; }
.site__navigation__next{display: flex; flex-wrap: wrap; flex-direction: column; align-items: end; justify-content: end; }
.navigationN div a{display: flex !important; align-items: center; min-width: min-content;}
.navigationN div a img{opacity:0.8; transform:scale(1);}
.navigationN div a:hover img{opacity:1; transform:scale(1.2);}
.navigationN div a img{margin: 0 10px;}
.navigationN div p.navP{margin:5px 10px 15px;}
#navigation1{grid-area:pagination1; }
#navigation2{grid-area:pagination2; }
.wp-block-image figcaption, .aligncenter.size-full, .blocks-gallery-item {margin-bottom: 0 !important;/*! margin: 0 0.5em 0 0 !important; */}
.aligncenter.size-full{margin-top:0;  padding-top:10px;
/* background: linear-gradient(rgba(9,1,31,0)70%,rgba(9,1,31,0.3)), rgba(9,1,31,0.2) !important;filter: drop-shadow(-1px 2px 2px var(--noir));*/}
#divComments{width:98%; height:max-content; grid-area:commentaires; margin-top: 2%; margin-left:2%;}
ol.typeDeProjet{padding: 20px 0 50px 6%;}
ol.typeDeProjet ul{min-height:50px;}
.projectImg {
max-width: 1000px;
min-width: 250px;
width: auto;
min-height: 250px;
max-height: 1000px;
height: 100%;}
.projectImg img
{
height: 100%;
width: auto;
}
.typeProject {
margin: 5px 5px 5px 10px;
font-weight: bold;
font-style: italic;
align-self: flex-start;
}
#header_blog{display:block;}
header aside h1{font-size: 40px; margin: 10px;}
header aside h2{font-size: 24px;}
header aside {width: max-content; max-width:99%;}
header aside li, footer aside li, .tagcloud a{display :inline-block; margin: 10px;}
.current-aside-item a{ color: var(--taupe);}
#wpcf7-f106-p8-o1{width:90%;}
.wp-block-contact-form-7-contact-form-selector{margin: 10px 0;}
.post__content{margin:10px;max-width: 1000px;min-width: 100px;width: 70%;height: max-content;min-height: 50px;}
article#blog {
border-radius: 3px;
box-shadow: 0 2px 6px -2px var(--gris);
margin: 0 auto 15px;
padding: 15px;
width: 100%;
}
.part_article{margin: 5px;}
.post h1{margin-bottom: 15px;}
.post_thumbnail_archive{width: 500px; height: 500px;}
.post_thumbnail_archive img{width: 50%; height: auto;}
.wrapDiv a.lien_article{max-width:100%;}
.wrapDiv a.lien_article .attachment-post-thumbnail.size-post-thumbnail.wp-post-image, .vitrinesThumbs { width: 90%;height: 90%;object-fit: contain;min-width: 150px;}
.attachment-post-thumbnail.size-post-thumbnail.wp-post-image, .vitrinesThumbs { height: 100%; overflow-x:hidden;}
.vitrines .attachment-post-thumbnail.size-post-thumbnail.wp-post-image
{max-width: 95%; width:max-content;display: block;margin: auto;}

.vitrinesThumbs {max-width: 900px; width:95%;display: block;margin: auto;}
p.post_value{font-style: italic; color:var(--taupe);}
.post__meta p{font-style: italic;max-width: 70%;margin: 10px;}
p.post__meta{max-width: 70%;}
.post__meta{font-style: italic; }
.emphase, .meta_project ul.post-categories li, .comment-meta a, .tagcloud a{font-weight:bold; font-size:14px !important;}
.fn a{font-weight: bold; font-style:normal;}
label.screen-reader-text{display:none !important;}

aside#widget_right{
width: 30%;
vertical-align: top; float: right;	border-radius: 3px;
box-shadow: 0 2px 6px -2px var(--gris);
height: auto;
margin: 5px;
padding: 5px;}
.foundPost{display:flex; justify-content:space-evenly; align-content:center; align-items:center;
font-size: large;
font-style: oblique;
font-weight: bold;}

li#menu_articles.current-menu-item,
li#menu_boutiques.current-menu-item,
li#menu_services.current-menu-item,
li#menu_portfolio.current-menu-item,
li#menu_contact.current-menu-item,
li#menu_elanna.current-menu-item {
background-color:var(--violet-bleu);
color:var(--blanc);
box-shadow: 0 0 6px 4px rgba(15,0,37,0.6);
background-image: url(img/fond/carton.png);
}



/* Carte principale de service */
.service-main-card:hover
{transform: scale(1.05);
filter: grayscale(65%);  transition: transform 0.3s ease;
}
.service-main-card {
position:relative;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-around;
align-content: space-around;
align-items: self-start;
background-size: cover;
width: 100%;
min-width: 250px;
max-width: 400px;
padding: 5% 5%;
margin: 5% auto;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
height: min-content;
min-height: 360px;
max-height: 500px;
}
.initial{  color: initial !important;text-decoration: none;}
.infographie-service :not(a, span):not(a p) {color: var(--marine);}
.artisanat-service :not(a, span):not(a p) {color: var(--indigo);}
.pdf-service :not(a, span, a button):not(a p, button, .serviceButton) {color: var(--bourgogne);}
.main-infographie {background-image: url("img/fond/lightpaper_bleu.jpg");}
.main-infographie .service-header{background-color:rgba(185, 219, 255, 0.5);}
.main-artisanat {background-image: url("img/fond/lightpaper_mauve.jpg");}
.main-artisanat .service-header{background-color:rgba(214, 205, 255, 0.5);}
.main-pdf {background-image: url("img/fond/lightpaper_rose.jpg");}
.main-pdf .service-header {background-color: rgba(244, 200, 232, 0.5);}
.service-main-card	.service-header {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-content: flex-start;
align-items: center;
width: 100%;
height: max-content;
}
.service-title {font-weight: bold; top:1pc; color: var(--noir);}
.service-card h4, .service-main-card h3 {font-size: 300% !important;font-weight: initial;}
.service-main-card h3 {margin:5% 1%;}
.service-card h4 {
text-align: left;
margin: 1% auto 0 28%;
padding-bottom:0;
z-index: 2;
position: relative;
}
.service-card h5 {
font-size: 250%;
text-align: right;
margin: 5% 0 0 21%;
font-weight: normal;
padding-top:0;
z-index: 2;
position: relative;
}
.service-offer {
font-weight: bold;
color: var(--noir);
}
.service-name {
font-size: 2rem;
text-align: center;
margin: 15px 0;
}
.service-description {
font-size: 180%;
margin: 15px;
}
.service-note {
text-align: left; }
.service-icon {
display: block;
}
/* Cartes de sous-services */
.service-cards {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px;
margin-bottom: 20px;
align-content: space-between;
align-items: stretch;
position: relative;
}
.service-card {
display:flex;
flex-direction:column;
background-image: url(img/fond/lightpaper_white.jpg);
min-height: 400px;
width: 100%;
min-width: 300px;
border: 45px solid transparent;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: transform 0.3s ease;}
.service-card:hover {
transform: translateY(-5px);
}
.service-card > img:hover{transform:inherit;}

.service-card .filigrane-infographie,
.service-card .filigrane-artisanat,
.service-card .filigrane-pdf {
flex-grow: 1;
}
.service-card .footer_service {margin-top: auto;}
.titre-service{align-self:flex-end; width:300px;}
.service-list {
list-style: none;
padding: 0;
margin: 20px 0;
}
.service-list li {
position: relative;
padding-left: 25px;
margin-bottom: 10px;
line-height: 1.4;
list-style-type: disc;
list-style-position: inside;
list-style-image: url('img/icons/lune.png');
padding: 5px 0 0;
}
.footer_service, .service-footer{
margin-top: 20px;
/*! border-top: 1px solid var(--ivoire); */
padding-top: 15px;
display: flex;
text-align: left;
justify-content: space-between;
align-content: center;
align-items: center;
width: 100%;
font-size: large;
}
img.icon-hover {
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
	 transform: scale(1); 
}

img.icon-hover:hover {
   transform: scale(0.9); 
}
img.service-icon{  max-height: 100px;}
img.service-icon:hover{  transform:inherit !important;}
.footer_service img, .service-footer img, .service-header img{
max-width: 190px;
min-width: 50px;
min-height: 50px;
}
.service-main-card .footer_service img{ width:20%; height: auto;}
/* Styles spécifiques pour chaque service */
.infographie .service-card {border-image: url(img/fond/pins_bleu.png) 100 space;}
.artisanat .service-card { border-image: url(img/fond/pins_mauve.png) 100 space;}
.pdf .service-card { border-image: url(img/fond/pins_rose.png) 100 space;}
p.service-footer
{text-align: right;
word-break: keep-all;
hyphens: none;}
.filigrane-infographie,  .filigrane-artisanat, .filigrane-pdf{position:relative;}
.filigrane-infographie::before , .filigrane-artisanat::before, .filigrane-pdf::before
{
content: "";
position:absolute;
inset: -5px;
filter: blur(0.3px);
opacity: 0.5;
}
.filigrane-infographie::before {
background: url("img/icons/design.png"),url("img/filigrane.png");
background-repeat: no-repeat;background-position: top left, top right; background-size: 25%;
}
.filigrane-artisanat::before{
background: url("img/icons/illu.png"),url("img/filigrane.png");
background-repeat: no-repeat;background-position: top left, top right; background-size: 25%;
}
.filigrane-pdf::before {
background: url("img/icons/pdf.png"), url("img/filigrane.png");
background-repeat: no-repeat;background-position: top left, top right; background-size: 25%;
}
.filigrane {position: relative;min-height: 200px;width:100%;}
.filigrane::before {
content: "";
position: absolute;
inset: 0;
background: url(img/logo_filigrane_invert.png);
background-position: top right;
background-repeat: no-repeat;
background-size: 40%;
mix-blend-mode: overlay;
opacity: 0.5;
filter: blur(0.1px);
z-index: 0;
}
.filigrane > * { position: relative; z-index: 1;}
.service * .filigrane{margin-top: 12%;}
.leftStart{align-self :flex-start; justify-content:flex-start; align-items: flex-start; gap: 2%;}
//**emptyrules
::marker{}
.thumbnailindex{}
a:visited:not(button a), section:visited, span:visited{color:var(--marine);}
nav#menu_top *:hover{color:var(--violet) !important;}
.photoId{}
.share{ background: url("img/icons/facebookclair.png") left center no-repeat;color:var(--violet-bleu)!important;}
.visio a
video controls{}
.menuDot{width:100%;}
#imgBas{ grid-area:imgBas;align-content: flex-end;align-items: flex-end;justify-content: flex-end;}
.imgD { width:max-content; max-width:300px;position:relative;bottom: -4px;right:-327px; }
.post__thumbnail_archive:hover{}
**/