/*!
Theme Name: adelieDevaux v2
Theme URI: http://underscores.me/
Author: Michel Ravey
Author URI: https://www.michelravey.com
Description: Adélie Devaux - Portfolio Officiel - 2025
Version: 2.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: adelieDevaux
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

adelieDevaux is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


body { margin:0; }
div {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:solid 0px #efefef; 
}
/* ::-webkit-scrollbar { display:none; } */
.clear { clear:both; }

a {
	text-decoration: none;
	transition: all 0.2s ease-in;
}
a:link, a:visited { color:#000; }
a:hover, a:active { color:#000;text-shadow: -2px 2px 5px yellow; }

/* 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 

ACCUEIL

- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
*/



#fond {
	position:fixed;
	top:-5vh;left:0;
	width:80vw;height:100vh;
	z-index:500;			
}
#fond video { width:100%;object-fit:contain; }


#videoChoisie {
	position:fixed;
	top:0;left:0;
	width:100vw;height:100vh;
	z-index:500;			
}
#videoChoisie video { width:100%;object-fit:contain; }

#projection {

	position:fixed;
	left:10vw;top:30vh;
	border:solid 0px lightgrey;
	width:90vw;height:60vh;
	z-index:1000;
}


.diapo {
	position:absolute;
	/* width:200px;height:200px; */
	width:18%;height:150px;
	border-radius:7px;
	display:flex;
	align-items:center;
	justify-content: center;
	border:solid 1px black;
	background-color:white;
	cursor: move;
}
.diapo_img {
	/* width:174px;height:110px; */
	position:absolute;
	/* width:140px;height:82.5px; */
	width:93.3%;height:55%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center center;
	border:solid 1px black;

	/* background-image:url(imgs/montagne.jpg); */

	transform-style: preserve-3d;


}

.diapo_neon {
	position:absolute;
	top:0;left:0;width:100%;height:100%;
	background-color:yellow;
	z-index:100;
	opacity:0;
}
.diapo_click {
	position:absolute;
	top:20%;left:0;width:100%;height:55%;
	background-color:transparent;
	z-index:300;
	opacity:1;	
}
.diapo_legend {
	position:absolute;
	top:80%;left:3.3%;width:93.3%;height: 18%;
	display: flex;justify-content: center;align-items: center;
	border: solid 0px tomato;
	z-index:400;
	opacity:1;	
	color: #aaa;
	font-family: 'DINdong';
	font-weight: normal;
	font-style: normal;
	font-size:13px;
	text-align: center;
}

.diapo_gauche {
	border-left:solid 4px black;
	box-shadow: -5px 5px 9px #999;
	/* 
	entre 400 et 1000
	rotateY 10 - 30
	rotateX 10 - 30
	*/
	transform: perspective(600px) rotateY(30deg) rotateX(30deg);
	
}


.diapo_img_gauche {
	border-right:solid 4px black;
	border-top:solid 4px black;
}

.diapo_droite {
	border-right:solid 4px black;
	box-shadow: 5px 5px 9px #999;

	/* 
	entre 400 et 1000
	rotateY 10 - 30
	rotateX 10 - 30
	*/
	transform: perspective(600px) rotateY(-30deg) rotateX(30deg);

}

.diapo_img_droite {
	border-left:solid 4px black;
	border-top:solid 4px black;
}

/* DIAPO SMARTPHONE */

.diapo_smartphone, .diapo_smartphone-unit {
	position:relative; float: left;
	width:38%;height:150px;margin:30px 6%;
	
	/* margin-right: 1%;margin-left: 1%; */
	border-radius:7px;
	display:flex;
	align-items:center;
	justify-content: center;
	border:solid 1px black;
	background-color:white;
	cursor: pointer;
	box-shadow: 5px 5px 9px #999;
}
.diapo_smartphone_img {
	position:absolute;
	/* width:140px;height:82.5px; */
	width:93.3%;height:55%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center center;
	border:solid 1px black;
}
.diapo_smartphone_neon {
	position:absolute;
	top:0;left:0;width:100%;height:100%;
	background-color:yellow;
	z-index:100;
	opacity:0;
}
.diapo_smartphone_click {
	position:absolute;
	top:0;left:0;width:100%;height:100%;
	background-color:transparent;
	z-index:300;
	opacity:1;	
}
.diapo_smartphone_legend {
	position:absolute;
	top:80%;left:3.3%;width:93.3%;height: 18%;
	display: flex;justify-content: center;align-items: center;
	border: solid 0px tomato;
	z-index:400;
	opacity:1;	
	color: #aaa;
	font-family: 'DINdong';
	font-weight: normal;
	font-style: normal;
	font-size:13px;
	text-align: center;
}

#diapos_smartphone {
	/*
	top:100vh;left:0;
	width:100vw;height:100vh;
	*/
	position:relative;
	left:0;top:40vh;
	border:solid 0px lightgrey;
	width:100vw;
	overflow-y: auto;
	z-index:1000;
	display:none;
}

#diapos_smartphone-contenu {
	position:relative;
	margin:0px;
	padding: 0 0px 150px 0px;
	width:100%;
	border: solid 0px tomato;
}

/*
#diapos_smartphone .diapo_smartphone, #grille-accueil .diapo_smartphone-unit { 
	position:relative;
	height:auto;
	cursor:pointer;
	float:left;
	width:25%;padding:2% 2%;
	
}
#diapos_smartphone .diapo_smartphone img, 
#diapos_smartphone .diapo_smartphone-unit img { 
	border:solid 3px white;width:100%; 
	transition:all 0.2S ease-in;
}
#diapos_smartphone .diapo_smartphone img:hover {
	border: solid 3px yellow;
}
*/

#titre {
	position:fixed;
	z-index:15000;
	top:20px;
	width:100vw;
	height:fit-content;
	text-align:center;
	font-family: 'DINdong';
	font-weight: normal;
	font-style: normal;
	font-size:50px;
}
#bandeau {
	position:fixed;
	width:100vw;
	height:80px;
	top:90px;left:0;
	z-index:9000;
	font-family: 'DINdong';
	font-weight: normal;
	font-style: normal;
	font-size:20px;
}







#menu-hamburger {
	position:fixed;
	right:21px;top:-5px;
	width:70px;height:100px;
	background:transparent;
	/*
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;*/
	z-index:20000;
	display: none;
	
}

#menu-smartphone {
	position:fixed;
	top:0;left:0;
	width:100vw;height:100vh;
	background:white;
	/*
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;*/
	z-index:10000;
	display:none;
}



#menu {
	position: fixed;
	bottom:15px;
	z-index:25000;
}


#primary-menu {
	display:flex;
	justify-content: space-around;
	align-items:center;
	width:100vw;
	height:50px;
	bottom:15px;
	
	z-index:25000;
	padding:0;
}
#menu-smartphone #primary-menu {
	flex-direction: column;
	align-items: flex-start;
	padding: 100px 30px;	
}
#menu-smartphone #primary-menu li { padding-bottom:30px; }

/* Tous les elements du menu principal */
#primary-menu li { margin-left:0px;list-style-type: none; }

/* Tous les liens du menu principal */
#primary-menu li.menu-item a {
	text-decoration:none;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	font-family: 'DINdong';
	font-weight: normal;
	font-style: normal;
	font-size:20px;

 	transition: all 0.2s ease-in;
}
#primary-menu .menu-item a:link, #primary-menu .menu-item a:visited { color:#000;text-shadow: -2px 2px 5px #666;  }
#primary-menu .menu-item a:hover, #primary-menu .menu-item a:active { color:#000;text-shadow: -2px 2px 5px yellow;  }

/* Les liens actifs (current, en cours) du menu principal */
#primary-menu li.current-menu-item a {
	text-decoration:none;
	font-family: 'Satoshi-Light';
	font-size:20px;
	line-height:1.4em;
}
#primary-menu .current-menu-item a:link, #primary-menu .current-menu-item a:visited { color:#000;text-shadow: -2px 2px 5px yellow; }
#primary-menu .current-menu-item a:hover, #primary-menu .current-menu-item a:active { color:#000;text-shadow: -2px 2px 5px #666; }

/* SMARTPHONE */
#menu-smartphone #primary-menu li.menu-item a { font-size:30px; }
#menu-smartphone #primary-menu li.current-menu-item a { font-size:30px; }




/* 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 

INDEX - GRID

- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
*/




#grille-accueil {
	/*
	top:100vh;left:0;
	width:100vw;height:100vh;
	*/
	position:relative;
	left:0;top:40vh;
	border:solid 0px lightgrey;
	width:100vw;
	z-index:1000;
}

#grille-contenu {
	position:relative;
	margin:0px auto 0 auto;
	padding: 0 0px 150px 0px;
	width:100%;
	border: solid 0px tomato;
}

#grille-accueil .case, #grille-accueil .case-unit { 
	position:relative;
	height:auto;
	cursor:pointer;
	float:left;
	width:25%;padding:2% 2%;
	
}
#grille-accueil .case img, 
#grille-accueil .case-unit img { 
	border:solid 3px white;width:100%; 
	transition:all 0.2S ease-in;
}
#grille-accueil .case img:hover {
	border: solid 3px yellow;
}

#grille-accueil .case-titre {
	position:relative;
	font-family: 'DINdong';
	font-weight: normal;
	font-style: normal; 
	font-size:16px;
	margin-top:5px;
	color:#999;
	text-align: center;
}
#grille-accueil .case-legende {
	position:relative;
	font-family: 'DINdong';
	font-weight: normal;
	font-style: normal; 
	font-size:12px;
	margin-top:2px;
}









#grille {
	position:relative;
	/* left:350px; */
	width:90%;
	margin: 150px auto 0 auto;
	min-height: 300px;
	/*
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	*/
}
#contenu {
	position:absolute;
	margin-top:150px;left:30px;
	width:calc(100% - 60px);
	min-height: 300px;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	font-family: 'Switzer-Light';
	font-size:18px;
}
/* PLUS GRAND ECRAN */
.case, .case-unit { 
	position:relative;
	height:auto;
	cursor:pointer;
	float:left;
}
.case img, .case-unit img { width:100%;height:auto;
/*max-width:500px;max-height:500px;*/ }
/* .case, .case-unit { width:42%;margin:20px 4%;border:solid 0px red; } */
.case, .case-unit { width:33.33%;padding:2%;border:solid 0px red; }
.case.main { width:33.33%;padding:2%;border:solid 0px red; }

.case-titre {
	position: relative;margin-top: 8px;
	font-family: 'DINdong';
	font-weight: normal;
	font-style: normal; 
	color:#888;
}




/* 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 

FICHE PROJET

- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
*/


#contenu-image {
	position:relative;
	float:left;
	width:60%;
	min-height:400px;
	border:solid 0px blue;
	font-family: 'Satoshi-Light';
	font-size:14px;
}
#contenu-image img {
	width:100%;height:auto;margin-bottom:10px;
}
#contenu-texte {
	position:relative;
	float:left;
	width:35%;
	border:solid 0px green;
	font-family: 'DINdong';
	font-weight: normal;
	font-style: normal; 
	font-size:16px;
	line-height:1.2em;
	text-align: justify;
}

#contenu-texte-resp {
	position:relative;
	width:100%;
	margin-bottom:50px;
	border:solid 0px orange;
	display:none;
	font-family: 'Satoshi-Light';
	font-size:14px;
}


.projet-titre {
	font-family: 'DINdong';
	font-weight: normal;
	font-style: normal;
	font-size:24px;
}


/* - - - - - - - - - - - - - - 

Bande horizontale

- - - - - - - - - - - - - - */
.projet-galerie {
	position: relative;
	margin-top: 75px;
	width: calc(100% - 100px);
	margin-left: 50px;
	background-color:#fff;
	padding: 0px;
	height: 620px;
	overflow: hidden;
}

.owl-carousel .item {
    height: 540px;
    padding-right: 10px;
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
	.owl-carousel .item { height: 500px; }
	
}
@media screen and (min-width: 761px) and (max-width: 1024px) {
	.owl-carousel .item { height: 430px; }
	
}
@media screen and (max-width: 760px) {
	.owl-carousel .item { height: 600px; }
	
}
.item img { height:100%; }
.owl-stage { margin-bottom:25px; }
.owl-dots { margin-top:0px; }
#owl-legend {
	position: relative;width: 100%;height: auto;top:-33px;
	padding: 20px 0;
	border: solid 0px orange;
	/*font-family: 'Proxima Nova Rg';*/
	font-family: 'Satoshi-Light';
	font-size: 14px;
	line-height: 1.3em;
	color: #7a8ba4;
	/*color: #bec6d2;*/
	font-style: italic;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
#owl-legend:hover { color: #385277; }
.owl-legend {
	padding: 0px 0;
	font-size: 14px;
	line-height: 1.3em;
	color: #7a8ba4;
	/*color: #bec6d2;*/
	font-family: 'Satoshi-Light';
	font-style: italic;
}
.projet-galerie-resp { display:none;padding-bottom:50px;width:100%; }
.projet-galerie-resp .item {
	margin-bottom:30px;width:100%;
}
.projet-galerie-resp .item img { max-width:100%; }


/* 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 

FOOTER

- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
- - - - - - - - - - - - - - 
*/


#pied {
	position:relative;
	display:none;
	left:350px;
	width:calc(100% - 400px);
	min-height: 80px;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}