/*!
 * Documenter 1.6
 * http://rxa.li/documenter
 *
 * Copyright 2011, Xaver Birsak
 * http://revaxarts.com
 *
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
html {
	font-family:Arial,verdana,arial,sans-serif;
	font-size:12px;
	-webkit-text-size-adjust:none;
	color:#6F6F6F;
    scroll-behavior: smooth;
	background-color:#efefef;
}
body{
	min-height:100%;
	height:auto;
	width:100%;
	font-size:14px;
    font-family: 'Roboto', serif;
	line-height:24px;
}
footer, header, section {
	display:block;
}
section{
    scroll-margin-top: 80px;
}

a{ color:#6F6F6F; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline }
p, ul, ol{
	margin:0px 0;
	line-height:1.5em;
}
li{
	list-style:none;
}
li.placeholder{
	height:70px;
	width:100%;
	font-size:16px;
}
hr {
	display:block;
	height:0px;
	line-height:0px;
	border:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #aaa;
	margin:16px 0;
	padding:0;
}
hr.notop{
	margin-top:0;
}
strong{
	font-weight:700;
}
.clr{
	 clear:both;
	}
#documenter_content{
    position:absolute;
    right:18px;
    left:262px;
    padding-left:10px;
    padding-bottom:800px;
    min-height:100%;
    height:auto;
    z-index:1;
}
#documenter_sidebar{
	-moz-box-shadow:0 0 6px rgba(3,3,3,0.6);
	-webkit-box-shadow:0 0 6px rgba(3,3,3,0.6);
	box-shadow:0 0 6px rgba(3,3,3,0.6);
	position:fixed;
	left:0;
	width:238px;
	height:100%;
	min-height:100%;
	z-index:100;
}
#documenter_sidebar a{
	position:relative;
	z-index:100;
}
img{
	border:0;
}
#documenter_copyright{
	position:absolute;
	bottom:10px;
	font-size:10px;
	right:15px;
	width:200px;
	text-align:right;
	z-index:1
}
noscript{
	display:block;
	position:absolute;
	top:238px;
	margin:0 auto;
	width:800px;
	bottom:0;
	z-index:20;
}
noscript p{
	width:800px;
	font-size:20px;
	padding-top:20px;
	margin:0 auto;
	color:#4D4D4D;
}
.small{
	font-size:10px;
	letter-spacing:0;
}

/*----------------------------------------------------------------------*/
/* Sidebar
/*----------------------------------------------------------------------*/

#documenter_sidebar #documenter_logo{
	display:block;
	height:33%;
    max-height:200px;
    min-height:70px;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#documenter_sidebar ol{
	font-size:12px;
	font-weight:700;
	min-height:150px;
	height:75%;
	overflow:auto;
}

#documenter_sidebar ol li{
	text-align:right;
	padding:0;
}
#documenter_sidebar ol a{
	display:block;
	border-top:1px solid #ddd;
	border-bottom:1px solid #aaa;
	padding:11px 15px 13px 0;
	text-align:right;
}
#documenter_sidebar ol a:hover,#documenter_sidebar ol a.current{
	-webkit-text-shadow:none;
	-moz-text-shadow:none;
	text-shadow:none;
	text-decoration:none;
}
#documenter_sidebar ol li ol{
	border-top:0;
	font-size:10px;
	min-height:10px;
	height:auto;
	overflow:auto;
	margin:0;
	display:none;
}
#documenter_sidebar ol li ol li a{
	display:block;
	padding:4px 15px 5px 0;
	text-align:right;
}

/*----------------------------------------------------------------------*/
/* Content
/*----------------------------------------------------------------------*/

#documenter_cover{
	height:800px;
	padding-top:200px !important;
}
#documenter_cover li{
	list-style:none !important;
	margin-left:0 !important;
}
#documenter_cover p{
	width:500px;
}
#documenter_content section{
	padding-top:70px;
}
#documenter_content h1{
	font-size:30px;
	font-weight:700;
}
#documenter_content h2{
	font-size:20px;
	margin-bottom:18px;
	font-weight:100;
}
#documenter_content h3{
	font-size:26px;
	text-transform:capitalize;
	margin:18px 0 14px;
	font-weight:100;
}
#documenter_content h4{
	font-size:20px;
	margin:18px 0;
	font-weight:100;
}
#documenter_content h5{
	font-size:16px;
	margin:18px 0;
	font-weight:100;
}
#documenter_content h6{
	font-size:14px;
	margin:18px 0;
	font-weight:100;
}
#documenter_content p{
	margin:18px 0;
}
#documenter_content ol li{
	list-style:decimal;
	margin-left:36px;
}
#documenter_content ul li{
	list-style:square;
	margin-left:36px;
}
#documenter_content dl{
}
#documenter_content dl dt{
	padding-top:12px;
	font-weight:700;
	font-size:14px;
}
#documenter_content dl dd{
	padding-top:3px;
	margin-left:18px;
}
#documenter_content table{
	border-collapse:collapse;
}
#documenter_content table th{
	font-weight:700;
}
#documenter_content table th, #documenter_content table td{
	padding:3px;
	text-align:left;
}
#documenter_content code, #documenter_content pre{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}
#documenter_content .warning{
	padding:10px 10px 10px 30px;
	border:1px solid #D5D458;
	background-color:#F0FEB1;
	background-image:url(img/warning.png);
	background-repeat:no-repeat;
	background-position: 8px 11px;
}
#documenter_content .info{
	padding:10px 10px 10px 30px;
	border:1px solid #6AB3FF;
	background-color:#A3D0FF;
	background-image:url(img/info.png);
	background-repeat:no-repeat;
	background-position: 8px 11px;
}
#documenter_content pre{
	background-image:url(img/pre_bg.png);
	line-height:19px;
}

.layout{ float:left; margin-right:15px;}


/*----------------------------------------------------------------------*/
/* Print Styles
/*----------------------------------------------------------------------*/

@media print {
	 * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	hr { border-top:1px solid #000 !important;border-bottom:0 !important; }

	#documenter_sidebar{
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		position:absolute;
		left:10px;
		top:0;
		width:100%;
		margin-top:500px;
	}
	#documenter_sidebar ol:before { content: "Table of Contents"; }

	#documenter_sidebar ol{
		border:0 !important;
	}
	#documenter_sidebar ol li{
		border:0 !important;
		text-align:left;
	}
	#documenter_sidebar ol li a{
		border:0 !important;
		text-align:left;
		padding:4px;
	}
	#documenter_sidebar ol li a:hover{
		border:0 !important;
	}
	#documenter_sidebar #documenter_logo{
		display:none;
	}
	#documenter_sidebar #documenter_copyright{
		display:none;
	}
	#documenter_content{
		left:10px;
	}
	#documenter_cover{
		margin-bottom:300px;
	}
	#documenter_content .warning{
		background-image:url(img/warning.png) !important;
		background-repeat:no-repeat !important;
		background-position: 8px 11px !important;
	}
	#documenter_content .info{
		background-image:url(img/info.png) !important;
		background-repeat:no-repeat !important;
		background-position: 8px 11px !important;
	}
	#documenter_content pre{
		background-image:url(img/pre_bg.png) !important;
		line-height:19px;
	}
}
/*=======================================================
      GALLERY
========================================================*/
/*.gallery {
    background: #f8f8f8;
}*/
.gallery ul li .inn-sec {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    z-index: 2;
    background: #000000;
    margin-bottom: 30px;
}
.gallery-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.gallery-list > li {
    list-style: none !important;
}

.gallery ul li img {
    width: 100%;
}
.gallery ul li .detail {
    font-weight: bold;
    color: white;
    padding: 30px 20px;
    position: relative;
    z-index: 2;
}
.gallery ul li span.tag {
    position: absolute;
    top: 30px;
    left: 30px;
    background: #3E2525;
    text-transform: uppercase;
    color: #fff;
    border-radius: 6px;
    padding: 7px 20px;
    font-size: 12px;
    letter-spacing: 0px;
    z-index: 9;
    font-family: 'Montserrat', sans-serif;
}
.gallery ul li .detail a {
    text-transform: uppercase;
    font-size: 16px;
    color: #3E2525;
}
.gallery ul li .detail p {
    color: #fff;
    margin: 10px 0 0 0px;
}
.gallery ul li .detail p span {
    text-transform: uppercase;
}
.gallery ul li .hover-info {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.gallery ul li .hover-info a {
    color: #918f90;
    font-size: 60px;
    margin-top: -200px;
    display: inline-block;
    position: relative;
    top: -20px;
}
.gallery ul li .hover-info a:hover {
    color: #fff;
}
.gallery ul li:hover .hover-info {
    opacity: 1;
}

.parallax {
    /* The image used */
    background-image: url("background-02.png");
    background-image: url(" background-01.png");

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-section {
    position: relative;
    min-height: 100vh;

    /* ✅ 2 images en arrière-plan */
    background-image:
        linear-gradient(
            rgba(30, 20, 10, 0.82),  /* overlay très fort */
            rgba(30, 20, 10, 0.82)
        ),
        url("/images/backgrounds/output-onlinepngtools.png");/*,
        url("/images/backgrounds/background-02.png")*/
    background-size: cover, cover, cover;
    background-position: center;
    background-repeat: no-repeat;
    /* ✅ Mélange doux */
    background-blend-mode: multiply;

    color: white;
}
/* img-fluid */
img.img-fluid {
    max-width: 100%;
    height: auto;
}

/* rounded */
.rounded {
    border-radius: 0.25rem; /* 4px */
}

/* shadow-sm */
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important;
}

/* w-100 */
.w-100 {
    width: 100% !important;
}


/***********************************************************
MENU
*/

/* Bouton burger */
.rb-menu-toggle{
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 1200;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 10px;
    background: #111;
    color: #fff;
    display: none; /* affiché en mobile */
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

.rb-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 30;
}

body.rb-sidebar-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

/* Mobile behavior */
@media (max-width: 992px){
    .rb-menu-toggle{ display: inline-flex; }

    #documenter_content{
        right: 0 !important;
        left: 0 !important;
    }

    .rb-sidebar{
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: min(320px, 86vw);
        background: #fff;
        z-index: 1150;
        transform: translateX(-105%);
        transition: transform .25s ease;
        box-shadow: 10px 0 30px rgba(0,0,0,.18);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-top: 10px;
    }

    body.rb-sidebar-open .rb-sidebar{
        transform: translateX(0);
        transition: transform 0.3s ease;
    }

    body.rb-sidebar-open{
        overflow: hidden; /* bloque le scroll derrière */
    }

    /* Optionnel: un peu d’air en haut si ton logo est collé */
    #documenter_logo{ display:block; margin: 10px auto; }
}

/* Bonus: style "current" si tu veux */
#documenter_nav a.current{
    font-weight: 700;
}