/*!
Theme Name: Mégane Delorme | WP Template 2026
Theme URI: https://www.meganedelorme.com/
Author: ABC Conception
Author URI: http://abc-conception.com/
Description: Thème sur mesure basé sur underscores starter theme.
Version: 1.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: meganedelorme.com
*/

/*** Normalize*/
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}html,legend{box-sizing:border-box}hr,p{margin-bottom:1.5em}pre,textarea{overflow:auto}.page,.post,.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation,.widget,address,table{margin:0 0 1.5em}.main-navigation li,sub,sup{position:relative}.widget select,.wp-caption,embed,iframe,img,legend,object,pre{max-width:100%}.gallery-item,.wp-caption-text{text-align:center}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;background:#fff}.bypostauthor,.gallery-caption,.infinity-end.neverending .site-footer,.main-navigation.toggled ul,.menu-toggle,.sticky,details,main{display:block}h1{font-size:2em;margin:.67em 0}code,kbd,pre,samp{font-size:1em}hr{box-sizing:content-box;background-color:#ccc;border:0;height:1px}a{background-color:transparent;color:#4169e1}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto}button,input,optgroup,select,textarea{font-family:inherit;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;padding:0;white-space:normal}textarea{width:100%}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer,.updated:not(.published),[hidden],template{display:none}*,::after,::before{box-sizing:inherit}body,button,input,optgroup,select,textarea{color:#404040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;padding:1.6em}code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}figure{margin:1em 0}table{width:100%}a:visited{color:purple}a:active,a:focus,a:hover{color:#191970}a:focus{outline:dotted thin}#primary[tabindex="-1"]:focus,a:active,a:hover{outline:0}button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);line-height:1;padding:.6em 1em .4em}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}.main-navigation{display:block;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{display:block;left:auto}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation a{display:block;text-decoration:none}@media screen and (min-width:37.5em){.menu-toggle{display:none}.main-navigation ul{display:flex}}.comment-navigation .nav-links,.post-navigation .nav-links,.posts-navigation .nav-links{display:flex}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{flex:1 0 50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:end;flex:1 0 50%}.entry-content,.entry-summary,.page-content{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.aligncenter,.alignleft,.alignright{margin-bottom:1.5em}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}

/*RESET CSS*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/********************************** GLOBAL/FRAMEWORK */
:root{
	--blue : #1c5da4;
	--light-blue : #026da3;
	--dark-blue : #114278;
	--light-grey : #F1F1F1;
	--yellow : #ffc107;
	--green : #0C362C;
}


*{
	box-sizing: border-box;
	font-family: sans-serif;
	scroll-behavior: smooth;
	line-height: 1.5em;
}

body {
	font-family: sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	overflow-x: hidden;
}

a{
	text-decoration: none;
}

p{
	margin-bottom: 10px;
}

h1,h2,h3,h4{
	font-weight: bold; 
	margin: 1em 0; 
	line-height: 1.5em;
	color: var(--green);
}

h1 {
	font-size: 2em;
	margin-bottom: 0;
	margin-top: 4em;
}

#landing h1 {
	color: #fff;
}

h2{font-size: 1.6em;}
h3{font-size: 1.3em;}
h4{font-size: 1.1em;}

strong,b{font-weight:bold}

img{
	max-width: 100%;
}

button.btn {
	cursor: pointer;
	border: none;
	min-width: 200px;
	max-width: 100%;
	padding: 1em;
	text-align: center;
	margin: 1em 0;
	font-size: 1em;
	background: #0C362C;
	color: #F1F1F2;
	border-radius: 15px;
}

button.btn:hover{opacity: .9; transition: .2s}

button.btn.btn-blue,
a button.btn.btn-blue{ background: var(--blue); color: var(--light-grey)}
button.btn.btn-yellow,
a button.btn.btn-yellow{ background: var(--yellow); color: var(--dark-blue)}

.bg-green{background-color: var(--green);}

/****** LAYOUT */
section{display: inline-block;	width:100% ; padding: 5em 0; clear:both}

footer .container,
header .container,
.container{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	clear: both;
}

.display-none{display:none}
.flex {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.col-2 {
	float: left;
	width: 50%;
	padding: 0 10px;
}
.col-2 img,
.col-3 img,
.col-4 img{width: 100%;}

.col-3{
	float: left;
	width: 33.33333333333333333333333%;
	padding: 10px;
}

.clear{
	clear: both;
}

.max-width-400{max-width: 400px; margin: 0 auto}
.max-width-600{max-width: 600px; margin: 0 auto}

.bg-grey {background: #F1F1F1;}
.light{color: #F1F1F1}

.grayscale{filter: grayscale(1); transition: ease-in-out .4s;}
.grayscale:hover{filter: grayscale(0);}

/****** TEXT */
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}

/************************************************ HEADER*/
header{}
header {
	padding: 10px 0;
	background: #0c362c;
}

header nav a {
	color: #fff !important;
	padding: 0 20px;
}

header #logo {
	max-width: 250px;
}


header .container.flex {
	display: flex;
	justify-content: space-between;
}

/************************************************ page-template-default*/
body.page-template-default h1 {
	margin-top: inherit;
}
body.page-template-default main{
	padding: 4em 0;
}

/************************************************ MAIN*/
section#landing {
	min-height: 50vh;
}

/************************************************ HOME*/
body.home{}
body.home section#landing {
	min-height: 50vh;
	display: flex;
	align-items: center;
	background: url("../img/normandy_beach_race.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--green);
}

body.home h1 {
	color: #fff;
	text-shadow: 0 0 40px black;
	margin-top: 0;
}

body.home img#profil {
	border-radius: 100%;
	max-width: 70%;
	border: 1px solid var(--green);
	padding: 5px;
}
/************************************************ DIGITALSKILLS PAGE*/
body.digitalskills{}
body.digitalskills .container{
	max-width: 1200px;
}

/************************************************ PHOTOGRAPHY*/
body.page-template-page-photographie section#landing {
	min-height: 50vh;
	display: flex;
	align-items: center;
	background: url("../img/background_photo-mariage-normandie.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--green);
}

body.page-template-page-photographie .container{max-width: 2000px}

body.page-template-page-photographie #landing h1 {
	color: #fff;
	text-shadow: 0;
	margin: 0;
}
/******************************* WEDDINGS SECTION */

/*Carousel NanoGallery*/
.nanoGalleryPagination,
.toolbar{visibility: hidden; display:none}
div.col-2 div.gallery{max-width:1000px}
div.col-2 div.gallery img{width: auto}

/* img.image.nGEvent {
	max-width: calc(100% * 2)!important;
	margin-left: -25%!important;
}
*/
/* #wedding .imgContainer {
	background: #fff;
	filter: grayscale(1);
}

#wedding .imgContainer {
	background: #fff;
	filter: grayscale(1);
}

#wedding .imgContainer:hover{filter: grayscale(0);} */

#wedding .nanoGalleryThumbnailContainer.nGEvent {
	box-shadow: none!important;
}

#event {
	background: #000;
	color: #F1F1F1;
}

#event .nanoGalleryThumbnailContainer,
.nanoGalleryThumbnailContainer{
	box-shadow: none;
}

.nanogallery_theme_clean .nanoGalleryContainer .nanoGalleryThumbnailContainer .imgContainer{
	background: #000!important;
	color: #F1F1F1;
}

/**************************************SECTION #EVENT*/
body.page-template-page-photographie #event h2 {
	color: #fff;
}

/************************************************ SECTION#CORPORATES */

body.page-template-page-photographie section#corporates {
	padding-top: 5em;
	margin-top: -10px;
}

body.page-template-page-photographie div#corporates-illustration {
	display: none;
	background: url("../img/photo-mariage-normandie.jpg");
	background-size: cover;
	background-position: top;
	background-attachment: scroll;
	background-repeat: no-repeat;
	height: 80vh;
	margin-bottom: 4em;
} 

section#collaborateurs div {
	width: 1000px;
}

body.digitalskills #landing h1 {
	color: #F1F1F1!important;
	margin-top: 0;
}

body.digitalskills #landing {
	background: url("../img/bg_entreprise.jpg");
	background-color: #000;
	color: #fff!important;
	background-attachment: scroll;
	background-size: cover;
	background-position: center;
}

body.digitalskills #landing > div {
	text-align: center;
	padding: 1em 2em;
}

/********************************************* CONTACT */
body.contact{}
body.contact #landing h1{color:#f1f1f1;}
body.contact #landing{
	background: url("../img/bg_contact.jpg");
	background-color: #000;
	color: #fff!important;
	background-size: cover;
	background-position: center;
}


/*********************FORM*/
#contact input,
#contact input[type=select],
#contact textarea{
	width: 100%;
	max-width: calc(100% - 10px);
	font-size: 1.1em;
	padding: 10px;
}
#contact textarea{min-height: 200px; resize: none;}

input.checkbox{
	width: inherit!important;
	float: left;
}

select {
	width: calc(100% - 10px);
	padding: 1em 10px;
	font-size: 18px;
	color: #797575;
}

div#success {
	font-size: 1.5em;
	text-align: center;
	background: #1b811b;
	line-height: 1.2em;
	color: #fff;
	padding: 1em;
	position: fixed;
	width: 100%;
	z-index: 100000000000000;
	bottom: 0;
	box-shadow: 0 0px 10px #fff;
}

div#success a{color: #fff; text-decoration: underline;}

/********************************************* LEGALS */
body.legals #landing{
	background: url("../img/bg_legals.jpg");
	background-color: #000;
	color: #fff!important;
	background-size: cover;
	background-position: center;
}
body.legals #landing h1{color:#fff;}
/********************************************* FOOTER */
footer {
	background: var(--green);
	color: #FFF;
	padding: 4em 10px;
	margin-top: -10px;
}

footer *,
footer a,
footer h3{color: #FFF!important;}

footer .container,
header .container{max-width: 1200px!important;}

footer #bottom{padding:20px 0;}
footer img {
	max-width: 300px;
}
footer #social{
	margin-bottom: 2em;
}
footer #social a{width:40px;}
footer #social a:hover{opacity: .8;}

footer .flex {
	justify-content: flex-start;
	gap: 1em;
}

/********************************************* MENU MOBILE */
header #burger{
	display: none;
	width: 30px;
}

nav#menumobil {
	visibility: hidden;
	position: fixed;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	background: #0c362c;
	flex-direction: column;
	left: 0;
	bottom: 0;
	z-index: 100000000;
	row-gap: 4em;
	text-align: center;
}

nav#menumobil a {
	font-size: 1.2em;
	color: #fff!important;
}

nav#menumobil a {
	line-height: 1.4em;
}

div#close {
	cursor: pointer;
	color: #fff;
	border-radius: 100%;
	border: 1px solid #fff;
	padding: 10px 15px;
}

/********************************************* RESPONSIVE */

@media screen and (max-width: 1000px){
	.col-2{
		width : 100%;	
	}
	.text-center,
	.text-left,
	.text-right {
		text-align: center;
	}
	.responsive-unset{display:none;}

	/*menu mobile*/
	header nav{display:none;}
	header #burger {
		display: block;
		position: absolute;
		top: 15px;
		right: 20px;
		cursor: pointer;
	}
	header #burger div{
		padding: 2px;
		margin-bottom: 5px;
		background: #fff;
		border-radius: 3px;
	}

	/*MAIN*/
	section#collaborateurs div {
		width: inherit;
	}
	section#collaborateurs div {
		width: 100%;
		display: block;
	}

	section#collaborateurs div {
		width: 100%;
		display: block;
		padding: 2em 0;
	}

	/**footer**/
	footer{text-align:center;}
	footer #bottom a {
		width: 100%;
		display: block;
		margin: 1em 0;
	}
	footer .flex {
		justify-content: center;
	}
	body.page-template-page-photographie section {
		overflow: hidden;
	}
	/*Nano gallery*/
	.gallery {
		max-width: 300%!important;
		width: 300%;
		margin-left: calc(-305% / 3);
	}
	#event > div > div:nth-child(2) > div > h2 {
		margin-top: 3em;
	}
}
/*1000px*/

@media screen and (max-width: 600px){
}
/*600px*/

@media screen and (max-width: 400px){
	button.btn {
		width: 100%;
		margin: 0 auto;
	}

	h1 {
		font-size: 2em;
		margin-bottom: 0;
		margin-top: 2em;
	}
}
/*400px*/