:root {
	--container-width: 980px;
	--container-inner-width: 940px;
}

* {
	box-sizing: border-box;
}

body.has-modal-open {
	overflow: hidden;
}

/* ________________________________________________________*/
/* CONTENEURS                                              */
#conteneur		{ 
	width: min(100vw, var(--container-width));
	background:#222121; 
	text-align:left; 
	padding: 0; position:relative;
}

@media (min-width: 1024px) {
	#conteneur {
		margin:25px auto 0; 
	}
}

#header			{ 
	background:#333333; 
	height:85px; width:100%; position:relative; border-bottom:1px solid #d2d0cd; 
	display: flex;
	gap: 3rem;
	align-items: center;
    justify-content: space-between;
	padding-inline: 30px;
}

.brand-link {
	text-decoration: none;
	transition: all .2s;
	color: #d2d0cd;
	&:hover {
		color: #fff;
	}
}

#header * {
	font-size: 1.2rem !important;
}

#header	h1 {
	text-align: center;
	text-transform: lowercase;
}

.accueil #header{ display:none;}

#corps 			{ 
	position:relative; 
	width: min(100%, var(--container-inner-width)); 
	margin:0 auto;
	padding: 30px;
	min-height:585px;
}

.cols {

	--first-col-flex: 1;
	--second-col-flex: 1;
	--cols-direction: column;

	display: flex;
	flex-direction: var(--cols-direction);
	gap: 2rem;
}

.cols .c1 {
		flex: var(--first-col-flex);
}
.cols .c2 {
	flex: var(--second-col-flex);
}

@media (min-width: 768px) {
	.cols {
		--first-col-flex: 0 0 50%;
		--second-col-flex: 0 0 50%;
		--cols-direction: row;
	}
}

#footer			{ clear:both; float:none; color:#999;background:#333333; height:30px; position:relative; z-index: 0; border-top:1px solid #d2d0cd; }
#footer a		{ color:#999;}


/* ________________________________________________________*/
/* BALISES                                                 */
html			{ padding:0; margin:0;}
body			{ background:#2c2b2a; color:#d2d0cd; font-family:/*Tahoma,*/Arial, Helvetica, sans-serif;; font-size:16px; margin: 0; padding:0; text-align:center;}
a				{ color:#aaa; outline:none; }
a img			{ border:none;}
a:hover			{ }
p				{ margin:0 0 6px; font-size:14px; line-height:22px; }
img				{ max-width: 100%; height: auto; }
img.no_border	{ border:none;}
h1,h2,h3,h4		{ font-family:Arial, Helvetica, sans-serif; }
h1 				{ 
	/* text-align:center; */
	font-size:1.4em; color:#d2d0cd; font-weight:normal; width:400px; margin:0; 
	/* position:absolute; top:26px; left:190px; */
}

@media (max-width: 768px) {
	h1 {
		display: none;
	}
}

h2				{ 
	font-size:1.4em; font-weight:normal; margin-bottom:50px;
	margin-block: 30px;
	display: flex; gap: 1ch; align-items: center;
}

h2::after {
	content: ''; flex: 1; height: 50%; border-bottom: 1px solid #fff;
}

h3 				{ font-size:1.2em; font-style:italic; }
h4				{ font-size:1.2em; }
h5				{ }
ul,ol			{ list-style-position:inside;}
li				{ }
acronym			{ cursor:help; }
hr				{ clear:both; float:none; margin:0 0 59px 0; padding:0; }

/* ________________________________________________________*/
/* FORMULAIRES                                                 */
fieldset		{ border:none; padding:0;}
label			{ display:block; text-align:left;  font-size:14px;}
#corps label	{ float:left;margin-right:25px; padding:4px 0; }
label#message	{ padding-top:92px; }
#corps input, select, textarea{ 
	width: 100%; border:1px solid #8c99a3; color:#FFF; padding:4px; background:url('../img/degrade3.gif') repeat-x bottom; margin-bottom:16px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
input:hover, select:hover, textarea:hover{ background:url('../img/degrade4.gif') repeat-x bottom; border-color:#7eb217;}
textarea:hover{ background-position:top;}
label.error { float: none; color:#F80; margin-top:-10px; }
/* #corps input.submit	{ margin-left:145px; width:310px; } */

/* ________________________________________________________*/
/* TABLEAUX                                                 */
table			{ }
thead			{ }
td				{ padding:0 0 0px 0; vertical-align:top; }
td p			{}
td img			{width:37px; height:50px;}

/* ________________________________________________________*/
/* CLASSES                                                 */
.left				{ float:left; margin:0 10px 10px 0; }
.right				{ float:right; margin:0 0 10px 10px; }
.cale				{ display:block; clear:both; float:none; height:0; }
.margin				{ margin:15px; }
.bouton_lien		{ color:#FFF; background:url('../documents/images/boutons/bouton1.png') no-repeat; display:inline-block; height:70px; width:170px; padding:25px 30px 0; text-decoration:none;}
.titre_lien			{ font-size:20px; font-weight:normal; color:#d2d0cd; margin-top:110px; text-decoration:none; display:block; }
.titre_film			{ font-size:16px; font-style:italic; /*font-weight:bold;*/ padding-right:15px; color:#FFF; }

/* ________________________________________________________*/
/* LOGIN */
#login #conteneur	{ background:url('../img/outils/levels-120.png') no-repeat 230px 10px; padding-top:75px; color:#333; }
#login form			{ width:500px; margin:40px auto; padding:10px; background:#FFF; -moz-border-radius:10px; text-align:left;}
#login label		{ font-weight:bold; text-align:left; display:inline-block; width:140px;}
#login .submit		{ width:80px;}

.bloc				{ margin-bottom:20px; }

/* ________________________________________________________*/
/* NAVIGATION */
#navigation			{ 
	/* position:absolute; top:22px; right:15px; margin:0; height:30px; width:600px;  */
	z-index:10;
}
#navigation ul		{
	/* height:30px; 
	padding:10px 10px 0;  */
	padding: 0;
	width:auto; margin:0;
    display: flex;
}
#navigation ul ul	{ 
	padding-top: 1.9rem;
	display:none; height:auto; width:230px; position:absolute; right: 0;
	
	top: 100%;
	box-shadow: 2px 2px 20px rgba(0,0,0,.5);
}

#navigation ul ul a {
	display: block;
	padding: .2rem 0;
}
	
#navigation ul ul a,
#navigation ul ul a span {
	font-size: 1rem !important;
}
#navigation ul ul .last {
	display: none;
}

#navigation ul ul li {
	background:#333;
}
#navigation ul ul li  a {
	display: block;
	padding:.75rem 2rem;
}
#navigation ul ul li:not(:last-child) {
	border-bottom: 1px solid;
}

#navigation ul ul ul {
	display: none;
	left:-100%;
	top:-15px;
}

#navigation li		{ 
	list-style:none; list-style-position:outside; width:auto; line-height:20px;position:relative; 
	margin:0; padding:0; 
}
	
#navigation li > a span {
	display: none;
}

#navigation li li span {
	display: inline-block;
}

@media (min-width: 768px) {
	#navigation li:not(:last-child) {
		border-right:2px solid #222;
	}
	#navigation li i {
		display: none;
	}
	
	#navigation li > a  span {
		display: inline-block;
	}

	.projets-personnels #navigation li,
	.galleria1 #navigation li,
	.liste-projets #navigation li{ border-color:#333;}
}

#navigation li:hover > a {
		color: #fff;
}
#navigation li:hover > ul {
	display:block;
}

#navigation li.last	{ border:none;}
#navigation li li	{ float:none; clear:both; margin:0; border:none; }
#navigation li.current{ background:#333; }
#navigation ul a	{ text-decoration:none; font-size:18px; font-weight:normal; color:#d2d0cd; padding:0 12px; font-family:Arial, Helvetica, sans-serif;}
#navigation ul ul a	{ font-size:14px; color:#d2d0cd;}

.menu_images		{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	--gap: 2rem;
	/* gap: var(--gap); */
}

.menu_images > :last-child {
	border-bottom: none;
}

.menu_images li,
.menu_images > div{
	padding-block: 2.2rem 2.5rem;
	list-style:none; text-align:center; border-bottom: 1px solid #fff;
}

.menu_images a	{ 
	color:#FFF; text-decoration:none; 
	font-size:16px; color:#d2d0cd;
}

.menu_images img {
	/* height: 200px; */
	/* width: auto; */
	/* max-width: none; */
	/* width: 100%; */
	/* object-fit: contain; */
	margin-bottom: 1rem;
	max-height: 230px;
	/* outline: 1px solid coral; */
}

.menu_images .vignette {
	padding-inline: var(--gap);
}

.menu_images :where(.landscape, .portrait) {
	flex: 100%;
}

@media (min-width: 768px) {
	.menu_images > :nth-last-child(-n+2) {
		border-bottom: none;
	}
	.menu_images .landscape {
		flex: 50%;
	}
	.menu_images .portrait {
		flex: 50%;
	}
}

@media (min-width: 1024px) {
	
	.menu_images .portrait {
		flex-basis: calc(20% - var(--gap));
	}
	.menu_images .portrait img {
		aspect-ratio: 413 / 591;
	}
	.menu_images .landscape {
		flex-basis: calc(32.5% - var(--gap));
	}
	.menu_images .landscape img {
		aspect-ratio: 856 / 591;
	}
		
	.menu_images > :nth-last-child(-n+4) {
		border-bottom: none;
	}

	.diaporama3 .menu_images .landscape {
		flex-basis: calc(25% - var(--gap));
	}

	.diaporama3 .menu_images .landscape img {
		aspect-ratio: auto;
	}
}

/* ________________________________________________________*/
/* TEMPLATES */
/* .contact .c1	{ width: 45%; margin-right:0; margin-top:30px; margin-left:10px; padding-left:0; }
.contact .c2	{ width:52%; margin:20px 0 0 0; padding:0; } */
.contact #corps	label	{ width:85px; float:left; padding:4px 0; margin:0; }
.contact #corps	.submit	{ margin:0; }
.contact form			{ margin-top:11px; }
.contact textarea		{ height:270px; overflow:hidden; }
.contact img 			{ width: 100%; }


@media (min-width: 768px) {
	.contact #corps	{
		padding: 30px;
	}
	.contact .cols {
		margin-top: 20px;
		--first-col-flex: 0 0 50%;
		--second-col-flex: 0 0 50%;
		--cols-direction: row;
	}
	.contact-footer { clear:both; position:absolute; width:100%; height:40px; bottom:0; }

	#contactForm {
		margin-top: 45px;
	}
	#contactForm .form-group {
		display: flex;
		gap: 1rem;
	}
	#contactForm .form-group :nth-child(2) {
		flex: 1;
	}
	
	.contact img {
		width: 400px;
	}
}

.accueil #conteneur,
.accueil #corps	{  text-align:center; }
.accueil #navigation,
.accueil #footer{ display:none; }
.accueil .c1,.accueil .c2{ width:100%; clear:both; float:none; }
.accueil #bloc1	{ padding-top:100px; }
.accueil #bloc2	{ padding-top:70px; }
.accueil #bloc3	{ padding-top:20px; }
.accueil #bloc4	{ padding-top:30px; }

.chapitres #corps { width:100%;margin-left:0; margin-right:0;}	/*modifs raf*/
.chapitres .bloc	{ width:326px; padding:0; float:left; height:530px; margin:50px 0 20px 0; text-align:center; position:relative;}/*modifs raf*/
/*.chapitres #bloc1	{ padding-left:12px; }
.chapitres #bloc2	{ margin-left:2px; }
.chapitres #bloc3	{ margin-left:0px; width:280px; }
*/
.chapitres #bloc3	{ margin-left:0px; width:328px; }
.chapitres #bloc4	{ float:none; clear:both; width:100%; height:auto; text-align:left; }
.chapitres .titre_lien{ margin-top:0;}
.chapitres p { margin-bottom:80px;}
.chapitres a.titre_rubrique{ display:block; position:relative; bottom:0; width:100%; margin:0 auto; padding-bottom:4px; border:1px solid #CCC; border-width:1px 0; color:#ccc; font-size:18px; text-decoration:none; }/*modifs raf*/


.modele1 .bloc	{ width:310px; padding:0; float:left; height:450px; margin:0 7px 0 6px;}
.modele1 #bloc1	{ margin-left:12px; }
.modele1 #bloc2	{ margin-left:2px; }
.modele1 #bloc3	{ margin-left:0px; width:280px; }
.modele1 #bloc4	{ float:none; clear:both; width:100%; text-align:left; }

.modele2 #corps	{ padding:20px; width: var(--container-inner-width); }
.modele2 .bloc	{ width:100%; clear:both; float:none; }
.diaporamas2 h2		{ 
	margin-block: 30px;
}

.diaporama3#page20	.c1		{
	border-top:1px solid #fff;
	margin:5px auto 0;
	width: min(100%, 850px);
	padding:60px 20px 0 25px;
}
.diaporama3#page20	.c2		{
	width: min(100%, 780px);
	padding:39px 0 0 62px;
}
.diaporama3#page20	.c2 p	{
	margin-bottom:3px;
}

:where(.diaporama3#page20, .diaporamas2) ul.menu_images	{ 
	--gap: 0;
	margin-bottom: 32px;
}

:where(.diaporama3#page20, .diaporamas2) ul.menu_images img {
	margin-bottom: 0.2rem;
}

.diaporamas2#page3 #bloc1		{ margin-bottom:0; }

:where(.diaporamas2, .diaporamas3) :where(.c1, .c2) { 
	width: 100%;
	margin-left: 15px;
	padding-bottom:0;
	margin-bottom:0;
	clear:both;
	float:none;

}

:where(.diaporamas2, .diaporamas3) .menu_images img {
	/* height: 140px; */
	aspect-ratio: auto;
}

@media (min-width: 1200px) {
	:where(.diaporamas2, .diaporamas3) .menu_images .landscape {
		flex: 25%;
	}
	:where(.diaporamas2, .diaporamas3) :where(.c1, .c2)  {
		padding-inline: 0px 7px;
	}
}

.livres-et-catalogues #conteneur {
	background-color: #000;
}

.livres-et-catalogues #conteneur h2 {
	font-size: 1.2rem !important;
	margin-block: 1rem 3.4rem;
}

.liste-livres.liste{
	margin-top: 2rem;
}

.modele3 .c1,.modele3 .c2		{ width:100%; clear:both; float:none; }
.diaporamas2 .c1,
.modele3 .c1					{padding-top:0;}
/*.diaporamas2 .c2,*/
.modele3 .c2					{ width: 100%; margin-left:21px; margin-top:0;}

.diaporamas2 table				{ margin-left:15px; margin-bottom:0; }
.diaporamas2 table img			{ margin:2px 15px 0 0; }

.projets-personnels #conteneur	{ background:#000; }

body.galleria1,
body.projets-personnels,
body.liste-projets,
body.cv					{ background:#161616; }
.galleria1 #conteneur,
.liste-projets #conteneur,
.cv #conteneur			{ background:#000; color:#fbfbfb; font-size:14px; }

.galleria1 #footer,
.galleria1 #header,
.projets-personnels #footer,
.projets-personnels #header,
.liste-projets #footer,
.liste-projets #header,
.cv #footer,
.cv #header				{ background:#212020; }


.galleria1 #footer {
	width: min(100vw, var(--container-width));
	margin-inline: auto;
}

.liste-projets #corps	{ 
	--container-inner-width: 933px;
	margin:0 auto; 
	padding-top:59px; padding-bottom:18px;
}
.cv #corps				{
	--container-inner-width: 873px;
	/* margin:0 76px; */
	padding-top:54px;
}

.cv h2					{ font-size:18px; margin-bottom:18px; }
.cv table				{ line-height: 1.4;}
.cv table				{ margin-bottom:13px;}

.liste {
	/* margin: 0 2em 5rem; */
	margin: 0;
}
.liste .item	{
	overflow:auto; padding-bottom:0; margin-bottom:36px;
}

.liste .item:not(:last-child) {
	border-bottom:1px solid #fff;
}
/* .liste .image	{
	padding-left:30px; width:232px; float:left; margin-bottom:38px;
}
.liste .texte	{
	padding-left:30px; padding-top:18px; margin-bottom:38px; width:540px; float:left;
} */
.liste .image {
	/* text-align: center; */
	margin-bottom: 2.37rem;
	text-align: center !important;
}
.liste .texte	{
	padding-inline: 1rem;
	padding-bottom: 1.5rem;
	margin-inline: auto;
}

.liste .item:last-child {
	/* margin-bottom: 0; */
}

@media (min-width: 768px) {
	.liste .item {
		display: flex;
		gap: 2rem;
		margin-bottom: 2.37rem;
	}
	.liste .image	{
		flex: 1;
		max-width: 232px;
		padding-left: 30px;
	}
	.liste .texte	{
		padding-top: 1.2rem;
		padding-inline: 30px 3.1rem;
		flex: 1;
	}
}

.projets-personnels #corps	{ 
	width: auto;
	background:#000;
	margin: 0;
	padding-inline: 0;
}

@media (min-width: 768px) {

	.projets-personnels #corps {
		padding-inline: 45px;
	}

	.projets-personnels .menu_images {
		/* background-image: url('../img/masque.jpg'); */
		background-size: contain;
		background-position-y: 27px;
		background-repeat: no-repeat;
	}

	.projets-personnels #corps .vignette {
		margin-inline: auto;
		padding: 0;
	}
	.projets-personnels #corps img {
		height: 180px;
		object-fit: contain;
	}

	.projets-personnels #corps #thumb_1 :where(.vignette, .thumb-title) {
		padding-inline: 20px 54px;
	}

	.projets-personnels #corps #thumb_2 :where(.vignette, .thumb-title) {
		padding-inline: 20px 48px;
	}

	.projets-personnels #corps #thumb_3 :where(.vignette, .thumb-title) {
		padding-inline: 22px 43px;
	}

	.projets-personnels #corps #thumb_4 :where(.vignette, .thumb-title) {
		padding-inline: 31px 33px;
	}

	.projets-personnels #corps #thumb_5 :where(.vignette) {
		padding-inline: 31px 34px;
	}

	.projets-personnels #corps #thumb_6 :where(.vignette, .thumb-title) {
		padding-inline: 30px 36px;
	}

	.projets-personnels #corps #thumb_7 :where(.vignette, .thumb-title) {
		padding-inline: 30px 36px;
	}

	.projets-personnels #corps #thumb_8 :where(.vignette, .thumb-title) {
		padding-inline: 30px 36px;
	}
		
}


.projets-personnels .menu_images a{ font-size:16px; font-weight:bold; }
.projets-personnels .menu_images li,
.projets-personnels	.menu_images > div	{ 
	margin-bottom: 10px; width:auto;
}

@media (max-width: 768px) {
	.projets-personnels .menu_images > div {
		margin-inline: 2rem;
	}
	.galleria1 #corps .back:not(.back_alt) {
		display: none;
	}
}

.galleria1 #corps		{ 
    position: relative;
    z-index: 1;
    min-height: 685px;
	width:100%; margin:0; padding:0; background:#000; padding:61px 0 37px;
}
.galleria1 #corps .back {
	bottom: 10px;
}
/*#galerie				{ position:relative;width:980px;}*/	

#galleria				{
	--thumb-height: 54px;
	width:100%; height: 555px; padding:0; position:relative; margin-top:61px;
}
#galleria-container		{ width:100%; position:absolute; top:3px; padding:0 0 60px 0; }

#galerie .back,
#galerie2 .back {
	/* bottom: 26px !important; */
	bottom: 16px !important;
}

.galleria-stage {
	width: 98.4%;
	height: 430px;
	overflow: hidden;
	position: relative;
}

.galleria-thumbnails-container { bottom:0; height: var(--thumb-height);}
.galleria-thumbnails .galleria-image,
.galleria-thumbnails .galleria-image img { 
	width: auto !important;
	height: var(--thumb-height) !important; 
	/* aspect-ratio: 65/43; */
	object-fit: cover;
}
.galleria-thumbnails .galleria-images { display:none; }

.thumb-title {
	font-weight: 500;
    font-size: 1.07rem;
	color: #fff;
}

.text					 { display:none;}

:root {
	--slider-height: auto;
	--slider-controls-height: 80px;
	--slider-inner-height: calc(var(--slider-height) - var(--slider-controls-height));
}


@media (min-width: 1024px) {
	:root {
		--slider-height: min(100vh, 633px);
	}
}

@media (max-width: 1024px) {
	
	/* .galleria1 {
		& .galleria-stage {
			display: none;
		}
		& .galleria-container {
			height: auto;
		}
		& .galleria-thumbnails-container {
			position: static;
			width: 100% !important;
			& .galleria-thumbnails {
				width: 100% !important;
				display: flex;
				flex-direction: column;
			}
			& .galleria-thumbnails .galleria-image, 
			& .galleria-thumbnails .galleria-image img {
				height: auto !important;
				width: 100% !important;
			}
		}
		& .galleria-thumb-nav-left,
		& .galleria-thumb-nav-right {
			display: none;
		}
	} */
}

.galleria-counter		{ }
.galleria-counter a		{ cursor:pointer; }
#image-text				{ color:#333;display:none;z-index:10000; background-color:none;width:480px;height:400px;height:auto!important; min-height:400px; padding:20px;
						 margin:0;overflow:hidden; color:#fff; text-align:left; }
#image-text .close		{ color:#fff;cursor:pointer; font-size:12px; }

#overlay				{color:#333;display:none;z-index:10000; background-color:#3c3b3a;width:980px;height:var(--slider-height);
				margin:0;border:2px solid #0b0b0b;border-top-color:#949494;border-left-color:#60605f;
				-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000; overflow:hidden;
}

iframe#overlay {
	height: 80vh;
	overflow: auto;
}

._slider_3 #ajust {
	display: none;
}

@media (max-width: 800px) {
	#ajust {
		display: none;
	}
}

#overlaySlider.overlaySlider2 {
	width: 100vw;
	color: #333;
	display: none;
	z-index: 10000;
	background-color: #3c3b3a;
	width: 754px;
	height: var(--slider-height);
	margin: 0;
	border: 2px solid #0b0b0b;
	border-top-color: #949494;
	border-left-color: #60605f;
	-moz-box-shadow: 0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	overflow: hidden;
}

#overlaySlider1,
#overlaySlider {
	left: 0 !important;
	color: #fff;
	display: none;
	z-index: 10000;
	/* background-color: #3c3b3a; */
	background-color: #222;
	height: var(--slider-height);
	margin: 0;
	border: 2px solid #0b0b0b;
	border-top-color: #949494;
	border-width: 2px 0;
	-moz-box-shadow: 0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	overflow: hidden;
}

@media (max-width: 1024px) {
	#overlaySlider {
		position: fixed !important;
		overflow: auto;
		top: 0 !important;
		height: 100vh;
	}
	#overlaySlider .controls a.exit {
		margin-left: auto;
	}
    #overlaySlider .items {
        height: 100vh;
        overflow: auto;
    }
}

#overlaySlider1 {
	width: 754px;
}

#overlaySlider .contentWrap {
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 1;
}

#overlaySlider .controls {
	flex: 1;
}

#overlaySlider .controls a {
	display: flex;
	align-items: center;
}

.overlay-content {
	display: flex;
	flex-direction: column;
    height: 100%;
}

.contentWrap {
	width: 100vw;
	/* height: 633px; */
	overflow: hidden;
	padding-top: 18px;
	flex: 1;
}
.overlaySlider2 .contentWrap{ margin:0 15px; }
.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 100%; 
    height: var(--slider-inner-height); 
    float:left; 
	border:2px solid #1b1b1b;
	border-bottom-color:#949494;
	border-width:2px 0;
	background:#000; width:auto;
} 
/* root element for the scroll pics */ 
.scrollable .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
	background:#21201e;
    height: var(--slider-inner-height);
	overflow:hidden;

	position:relative;
	height:var(--slider-inner-height);
	float:left;
	color:#FFF;

	
	cursor:pointer;
	padding:0;
} 
 
/* single scroll item */ 

.scrollable .items > div { 
    float:left; 
    cursor:pointer; 
	
    margin:0px; 
}
 
.controls	{
	width: 100vw !important;
	clear: both;
	margin: 0 auto;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 10000;
}

.controls .wrap {
	display: flex;
	gap: 1rem;
    height: 100%;
}

.controls a {
		cursor: pointer;
		display: block;
		padding: .6rem;
		transition: all .2s;
		font-size: 1.5rem;
}
		
.controls a.backward {
	margin-inline: auto 1rem;
}

.controls a.forward {
	margin-inline: 1rem auto;
}

.controls a:hover {
	color: #fff;
}

.galerie .close {
	position: absolute;
	right: 2rem;
}

#galerie .close {
	top: 1rem !important;
	bottom: auto !important;
}

@media (max-width: 1024px) {
	.controls {
		height: 3rem;
	}
	.controls .backward,
	.controls .forward {
		display: none !important;
	}
	.galerie .close {
		color: #fff;
		font-size: 2rem;
		right: 1rem;
		filter: drop-shadow(0 0 3px rgb(0 0 0 / 50%));
	}

	body:not(.scrolling) .galerie .close {
		animation: fadeOut .4s forwards;
		animation-delay: 1s;
	}

	.scrolling .galerie .close {
		animation: fadeIn .4s forwards;
		animation-delay: none;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media (min-width: 1024px) {
	.controls {
		position: relative;
	}
}

/* 
#play,#pause,.forward, .backward {
	float:left;
	display:block;
	width:25px;
	height:25px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;
	margin-right:25px;
	outline:none;
}

#play					{ background:url('../img/play.png'); margin-left:250px; margin-right:17px;}
#pause					{ background:url('../img/pause.png'); margin-left:0; margin-right:0;}
.backward		  		{ background:url('../img/prev.png'); margin-right:0; margin-left:58px;}
.forward 				{ background:url('../img/next.png'); margin-right:0; margin-left:19px;} */



/* .exit 					{ cursor:pointer; background:url('../img/exit2.png') no-repeat; margin-right:0; margin-left:19px; text-indent:-99999px; width:32px; height:15px; position:absolute; right:6px; top:23px; } */
/* .controls{ position:absolute; bottom:7px; z-index:10000;}
.controls .wrap		{ width:720px; margin:0 auto; position:relative;} */
.back_alt,
.back					{ width:100%; height:30px; position:absolute; bottom:44px; text-align:center; z-index:10000;}

.back_alt,
.back a					{ 
	width:32px; height:15px; margin:0 auto; display:block; float:none; clear:both;
	color: #bbb;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	opacity: .5;
	transition: all .2s;
	font-weight: 500;
}
.back a:hover {
	opacity: 1;
}
.back_alt {
	display: none;
}

#galerie #galleria {
	height: auto;
	/* margin-top: 0; */
}
#galerie .back {
	bottom: -40px;
	/* position: fixed; */
}
#galerie img {
	width: 100%;
	height: auto;
}

@media (max-width: 1024px) {

	.galleria1 {
		margin: 0;
	}
	.galleria1 #header {
		display: none;
	}

	.galleria1 #corps {
		padding: 0;
	}
	#galleria-container {
		position: relative;
		top: 0;
	}
	#galleria-container img {
		width: 100%;
		height: auto;
	}
	
	#galerie .controls {
		/* top: 1rem; */
	}
	#galerie .back {
		display: none;
	}
	#galerie .back_alt,
	#galerie2 .back_alt {
		position: fixed;
		display: block;
		top: 1rem;
	}
	#galerie #galleria {
		margin-top: 0;
	}
}

.diapo2				{ width:980px; height: var(--slider-inner-height); overflow:hidden; }
.diapo2 .wrap		{ height:2000em; position:relative; bottom:0;}
.diapo2 .controls2	{ position:absolute; z-index:15000; bottom:30px; width:820px; padding:0 80px; height:30px; }
.diapo2 .controls2 a	{ background:url('../img/les-boutons.png'); width:15px; height:20px; text-indent:-99999px; display:block;}
.diapo2 .controls2 a.prev	{ float:left; }
.diapo2 .controls2 a.next	{ float:right; background-position:-15px top }
.diapo2 .wrap img	{ margin:0; height: var(--slider-inner-height); width:980px; }

.doubleSlideshow {
	--decalage-gauche: 0;
}

.doubleSlideshow .container {
	position: relative;
	overflow: hidden;
	height: var(--slider-inner-height);
	float: left;
	width: 100%;
	border: 2px solid #1b1b1b;
	border-bottom-color: #949494;
	border-width: 2px 0;
	background: #21201e;
}

.overlaySlider2 .doubleSlideshow .container {
	width: 720px;
	border: 2px solid #1b1b1b;
	border-bottom-color: #949494;
	border-right-color: #666563;
}

@media (min-width: 1024px) {

	.doubleSlideshow .items {
		width: 20000em;
		position: absolute;
		clear: both;
		background: #1b1a18;
		overflow: hidden;
		position: relative;
		height: var(--slider-inner-height);
		float: left;
		padding: 0;
		z-index: 1000;
	}

	.doubleSlideshow .items > div {
		float: left;
		margin: 0px;
		height: var(--slider-inner-height);
	}

	.doubleSlideshow img {
		float: left;
		margin: 0px;
		height: var(--slider-inner-height);
		/*border-right:1px solid #000;*/
	}	

	.doubleSlideshow .items > div:nth-child(2) {
		margin-left: var(--decalage-gauche);
	}

	.scrollable img { 
		float:left; 
		cursor:pointer; 
		width:720px; 
		margin:0px; 
	} 
}

.doubleSlideshow .controls {
	/* height: var(--slider-controls-height); */
	/* position: absolute;
	bottom: 0;
	z-index: 16000;
	left: 0; */
}

.slider2				{ position:relative; width:980px; height:var(--slider-height); overflow:hidden; }
.slider2 .wrap		{ height:2000em; position:relative; bottom:0;}
.slider2 .controls2	{ position:absolute; z-index:15000; left:0; bottom:30px; width:820px; padding:0 80px; height:30px; }
.slider2 .controls2 a	{ background:url('../img/les-boutons.png'); width:15px; height:20px; text-indent:-99999px; display:block;}
.slider2 .controls2 a.prev	{ float:left; }
.slider2 .controls2 a.next	{ float:right; background-position:-15px top;}
.slider2 .wrap img	{ margin:0; height: var(--slider-height); width:980px; }

/* #overlaySlider .close { 
	 cursor:pointer;
	 background:url('../img/exit2.png') no-repeat;
	 margin-right:0;
	 margin-left:19px;
	 text-indent:-99999px;
	 width:32px;
	 height:15px;
	 position:absolute;
	 right:13px;
	 top: 5px; 
} */