/*!
Theme Name: marinemonseux v1.5
Theme URI: http://www.hautlamain.fr
Author: Michel Ravey HEAR
Author URI: https://www.michelravey.com
Description: Site officiel de Marine Monseux
Version: 1.5.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: marinemonseux
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.

marinemonseux 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; }
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
div { border:solid 0px #efefef; }
/* ::-webkit-scrollbar { display:none; } */
.clear { clear:both; }

::-webkit-scrollbar { display:none; }


#colonne_gauche {
	position:fixed;
	top:0px;left:0px;
	width:250px;height:100%;
	padding: 33px 0 50px 30px;
	overflow-y:auto;
	z-index:1000;
	
	background-color: #fff;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
#logo, #logo-resp {
	position:relative;
	cursor:pointer;
	font-family: 'Compagnon-Bold';
	font-size:32px;
}
#logo-resp { display:none; }

#logo a { text-decoration:none;transition:all 0.3s ease-in; }
#logo a:link, #logo a:visited { color:#000; }
#logo a:hover, #logo a:active { color:#0f0; }

#logo-resp a { text-decoration:none;transition:all 0.3s ease-in; }
#logo-resp a:link, #logo-resp a:visited { color:#000; }
#logo-resp a:hover, #logo-resp a:active { color:#0f0; }


#menu {
	margin-top:20px;
	font-family: 'Compagnon-Bold';
	font-size:22px;
	line-height:1.3em;
}
.menu-bloc { position:relative;margin-bottom:100px; }
#menu-pied { font-family: 'Compagnon-Bold';font-size:22px; }

/* ASTUCE DU MENU DÉPLIABLE */
.menu-element, #menu-bouton {
	position:relative;
	font-family: 'Compagnon-Bold';
	font-size:22px;
	height:30px;
	display:flex;
	flex-direction:row;
	align-items:center;
}
.menu-element-titre { 
	display:inline-block;width:fit-content;margin-right:10px;
	color: #000;
	transition:  all 0.2s ease-in;
}
.menu-element-titre:hover {
	color: #0f0;
}
.menu-bouton-titre { 
	display:inline-block;width:fit-content;margin-right:10px; 
	color: #000;
	transition:  all 0.2s ease-in;
}
.menu-bouton-titre:hover {
	color: #0f0;
}

.menu-element-picto { height:20px; }
#menu-bouton { cursor: pointer; }
.menu-element img, 
#menu-bouton img { position:relative;top:3px;height:100%; }

.menu-element img { width:35px;height:25px; }

#menu-bouton img { margin-right:15px; }
#menu-bouton-fleche {
	transition: all 0.2s ease-in;
	transform:  rotate(0deg);
	transform-origin : 30% 70%;
}



#menu-hamburger, #menu-close {
	position:fixed;
	right:10px;top:20px;
	width:70px;height:100px;
	background:transparent;
	/*
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;*/
	z-index:3000;
	display:none;
	
}
#menu-hamburger { /*background-image:url(imgs/hamburger.svg); */}
#menu-close { border:solid 1px green;background-image:url(imgs/close.svg); }
#menu-smartphone {
	position:fixed;
	overflow-y:auto;
	display:none;
	padding-top:33px;
	top:0;
	width:100%;height:100%;
	background-color:#fff;
	z-index:2000;
	padding-left: 30px;
}



/* Tous les elements du menu principal */
#menu ul { padding:0;margin:0; }

#menu li { margin-bottom:0;list-style-type: none; }



/* Tous les liens du menu principal */
#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;
}
#menu .menu-item a:link, #menu .menu-item a:visited { color:#000; }
#menu .menu-item a:hover, #menu .menu-item a:active { color:#0f0; }

/* Les liens actifs (current, en cours) du menu principal */
#menu li.current-menu-item a {
	text-decoration:none;
	color: #0f0;
}
#menu .current-menu-item a:link, #menu .current-menu-item a:visited { color:#0f0; }
#menu .current-menu-item a:hover, #menu .current-menu-item a:active { color:#0f0; }

/* SMARTPHONE */
#menu-smartphone ul { padding:0;margin:0; }
#menu-smartphone li { margin-bottom:0;list-style-type: none; }

#menu-smartphone a {
	text-decoration:none;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
}
#menu-smartphone a:link, #menu-smartphone a:visited { color:#000; }
#menu-smartphone a:hover, #menu-smartphone a:active { color:#0f0; }

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

.menu-smartphone-logo { position: relative;margin-bottom: 30px;font-family: 'Compagnon-Bold';font-size:32px; }

.menu-item img { position: relative;margin-left: 10px;top: 0px; }


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

INDEX - GRID

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

#accueil {
	position:relative;
	left:300px;
	width:calc(100% - 300px);
	height: 100vh;
	border:solid 0px red;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}

#accueil-fond {
	width:100%;height:100%;
	background-position:center center;
	background-size:contain;
	background-repeat: no-repeat;
}

#accueil-video { width:100%;height:100%; }
#accueil-video video { width:100%;height:100%;object-fit:contain;object-position: center center; }


#grille {
	position:relative;
	/* margin-top:150px; */
	left:300px;
	width:calc(100% - 300px);
	min-height: 300px;
	border:solid 0px blue;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}
#contenu_horizDrag {
	position:absolute;
	/* 
	margin-top:100px;left:350px; 
	width:calc(100% - 400px);
	*/
	margin-top:50px;left:205px;
	width:calc(100% - 190px);
	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: 'Abordage-Regular';
	font-size: 18px;
}
#contenu {
	position:absolute;
	margin-top:100px;left:350px; 
	width:calc(100% - 400px);
	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: 'Abordage-Regular';
	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-titre {
	font-family: 'Satoshi-Light';
	font-size:14px; 
	color:#888;
}





/* ----------------------------
DOSSIERS 
---------------------------- */
#grille-dossiers {
	position: relative;padding-bottom: 50px;
}
.projet-annee {
	position:relative;
	margin:0 0 20px 0;
	font-family: 'Compagnon-Medium';
	font-size: 24px;
}

.projet-dossier, .projet-dossier-2 {
	position:relative;
	float:left;
	width:115px;height:90px;
	margin:0 20px 20px 0;
	background-image:url(imgs/dossier.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	cursor: pointer;

}
.projet-dossier-2 {
	width:100px;height:60px;background-image:url(imgs/dossier-2.svg);
	cursor:default;
	clear:both;
	margin:0;
	background-position: left center;
}
.projet-titre {
	position:absolute;
	width:100px;height:80px;
	left:7px;top:8px;
	font-family: 'Compagnon-Medium';
	font-size:14px;
	color:black;
	display:flex;
	justify-content:center;
	text-align:center;
	align-items:center;
	opacity:0;
}
.projet-titre a {
	text-decoration: none;
	transition: all 0.2s ease-in;
}
.projet-titre a:link, .projet-titre a:visited { color:black; } 
.projet-titre a:hover, .projet-titre a:active { color:black; } 


.projet-icone, .projet-icone-2 {
	position:absolute;
	width:60px;height:60px;
	left:50%;top:50%;
	margin-left:-30px;margin-top:-25px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}
.projet-icone-2 {
	width:50px;height:50px;
	margin-left:-36.5px;margin-top:-22px;
	cursor:default;
}






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

FICHE PROJET

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


#contenu-image {
	position:relative;
	float:left;
	width:60%;
	min-height:400px;
	border:solid 0px blue;
}
#contenu-image img {
	width:100%;height:auto;margin-bottom:10px;
}
#contenu-texte {
	position:relative;
	float:left;
	width:35%;
	font-family: 'Compagnon-Medium';
	font-size: 18px;
	padding:30px 30px 50px 30px;border: solid 2px black;
	line-height: 1em;
}

#contenu-texte-resp {
	position:relative;
	width:100%;
	margin-bottom:50px;
	display:none;
	font-family: 'Compagnon-Medium';
	font-size: 18px;
	padding:30px 30px 50px 30px;border: solid 2px black;
	line-height: 1em;
}



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

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%; }









/* LAMA Horizontal */

#projet-bandeau {
	position: fixed;left: 250px;top: 20px;height: 70px;
	display: flex;align-items: center;
	font-family: 'Compagnon-Medium';
	font-size: 24px;
	width: 70%;
}
#projet-retour {
	position: absolute;right: 30px;top: 40px;
	width: 120px;height: 20px;
}
#projet-retour img { width:100%; }

#project-sheet {
	position:absolute;
	border:solid 0px blue;
	top:90px;left:252px;width:100%;height:calc(100% - 120px);
	/* padding:0 70px 40px 70px; */
	overflow-x:auto;
}
#project-sheet::-webkit-scrollbar { display:none; }
#project-sheet-scroll-container {
	position:relative;height:100%;
	width:fit-content;
	border:solid 0px green;
	
	padding:0 70px 40px 70px;
}
#project-sheet-scroll {
	position:relative;
	height:100%;
	width:fit-content;
	border:solid 0px red;
	display: flex;
	flex-wrap:nowrap;
	padding-left:0px;
	justify-content: flex-start;
	align-items:flex-end;
}
.project-sheet-text {
	position:relative;margin-right:100px;height:100%;min-width:230px;
}

.project-sheet-text-fixed {
	z-index:100;
	position:fixed;top:90px;left:250px;
	margin-right:100px;
	/* height:400px;width:265px; */
	height: calc(100% - 120px);width:350px;

	
	background-color:white;
	border: solid 2px black;

	display:block;

}
.project-sheet-text-fixed .fermer {
	position: absolute;
	top: 0;left: 0;
	width: 26px;height: 30px;
	margin-top: -2px;
	border-right: solid 2px black;
	border-bottom: solid 2px black;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Compagnon-Medium';
	font-size: 20px;
	color: black;
	transition:  all 0.2s ease-in;
	z-index: 200;
}
.project-sheet-text-fixed .fermer:hover {
	color: #0f0;cursor: pointer;
}

#project-sheet-ouvrir {
	position:fixed;
	border: solid 2px black;
	top:90px;left:252px;width: 26px;height: 30px;
	
	background-color: #fff;
	color: black;
	vertical-align: text-top;
	z-index: 10000;
	display: none;
}
#project-sheet-ouvrir:hover { color: #0f0;cursor: pointer; }
#project-sheet-ouvrir-conteneur {
	position: relative;width: 100%;
	text-align: center;
	font-family: 'Compagnon-Medium';
	font-size: 24px;
	margin-top: -4px;
}

.project-sheet-text-resp {
	z-index:100;
	position:relative;
	height:auto;width:100%;left: 0;
	padding:40px 30px 50px 30px;
	display:none;
	border: solid 2px black;
}
.project-sheet-nav.horizscroll {
	margin-left: -30px;
}
.project-sheet-text-fixed::-webkit-scrollbar { display:none; }

.project-sheet-title {
	font-family: "Bagnard";
	font-size:36px;
	color:#000;
}
.project-sheet-infos {
	font-family: 'Abordage-Regular';
	font-size:14px;
	
}

.project-sheet-description {
	position: absolute;
	z-index: 100;
	width: 100%;height: calc(100% - 70px);
	padding:40px 30px 50px 30px;
	overflow-y:auto;
	font-family: 'Abordage-Regular';
	font-size:12px;
	
	line-height:1.4em;
	
	
}
.project-sheet-nav {
	position: absolute;
	bottom: 0;
	z-index: 200;
	width: 100%;height: 50px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-top: solid 2px black;
	font-family: 'Compagnon-Bold';
	font-size:22px;
	color: black;
	transition:  all 0.2s ease-in;
}
.project-sheet-nav:hover {
	color: #0f0;
}
.project-sheet-nav div {
	text-align: center;cursor: pointer;
}
.project-sheet-nav div:first-child { margin-top: 4px;width:140px; }
.project-sheet-nav div:last-child { margin-top: 4px;width:140px; }

.project-sheet-nav img { width:50%; }
.project-sheet-infos p:first-child, .project-sheet-description p:first-child {
	margin-top:0;
}
.project-sheet-nav-cats {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding-left: 10px;
}
.project-sheet-nav .catImg {
	position: relative;
	width: 35px;
    height: 25px;
    width: fit-content;
}

.project-description { margin-top:40px; }


.project-item {
	position:relative;
	
	margin-right:18px;
	border:solid 0px yellow;
	height:100%;width:fit-content;
	cursor:pointer;
}
.project-item img { height:100%;width:auto; }


#project-video { 
	position:relative; 
	height: 100%;
	border: solid 0px tomato;
}
#project-video-resp {
	position: relative;
	width: 100%;
}
#project-video video, #project-video-resp video { width:100%;height:100%; }






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

FOOTER

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


#pied {
	position:relative;
	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;
	display: none;
}