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

Atelier__85 CSS 

-------------------------------------------------------------------------------

By Nicolas EVARISTE (https://www.atelier85.fr)
© 2025 - All rights reserved - Toute reproduction interdite

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

/*-----------------------------------------------------------------------------
 Structure
------------------------------------------------------------------------------*/
header{
	padding: 100px;	
	padding-bottom: 0;
}
main{
	padding: 100px;	
}
footer{
	padding: 100px;	
}
header,
main,
footer{
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

/*-----------------------------------------------------------------------------
 Header
------------------------------------------------------------------------------*/

/* Logo
--------------------------------------------------*/
div#logo{
	/*background: #faa;*/
}
div#logo img{
	width: 160px;
	height: auto;
}

/* Menu
--------------------------------------------------*/
div#menu-icon{
	display: none;
}
ul#menu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	text-align: right;
	justify-content: right;
}
ul#menu li{
	position: relative;
}
ul#menu li a{
	display: block;
	width: 100%;
	position: relative;
	text-decoration: none;
	padding: 8px 35px; 
	color: #000000;	
	font-size: 17px;
}
ul#menu li:hover a,
ul#menu li a:hover,
ul#menu li.current-menu-item a,
ul#menu li.current-post-parent a{
	color: var(--coul-1);	
}
ul#menu li a::after{
    content: '';
    display: block;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
    transition: all 300ms;
	opacity: 0;
	width: calc(100% - 60px);
	height: 1px;
	background: var(--coul-1);
}
ul#menu li a:hover::after,
ul#menu li:hover a::after,
ul#menu li.current-menu-item a::after,
ul#menu li.current-post-parent a::after{
	opacity: 1;
	bottom: 0;
}

/*-----------------------------------------------------------------------------
 Footer
------------------------------------------------------------------------------*/
footer{
	font-size: 13px;
}

/*-----------------------------------------------------------------------------
 Home
------------------------------------------------------------------------------*/
div#home-txt{
	/*font-size: 17px;*/
}

/*-----------------------------------------------------------------------------
 Mise en page
------------------------------------------------------------------------------*/

/* Titres
--------------------------------------------------*/
.titre1{
	font-size: 60px;
	font-weight: 200;
	line-height: 1;
	position: relative;
	overflow: hidden;
}
.titre1 span{
	padding-right: 20px;
}
.titre1::after{
	content: '';
  	height: 1.5px;
  	background-color: #000; 
	position: absolute;
	width: 100%;
	bottom: 25px;
}
.titre2{
	display: inline-block;
	width: auto;
	font-size: 28px !important;
	font-weight: 200 !important;
	line-height: 1 !important;
	color: #fff !important;
	background: #000 !important;
	padding: 5px 15px !important;
}

/* Contenu
--------------------------------------------------*/
div.contenu{
	padding-top: 50px;
}
div.contenu a{
	color: inherit;
}
div.col-img{
	text-align: right;
	padding-right: 50px;	
}
div.col-img img{
	max-height: 900px;	
	width: auto;
}
.box{
	display: block;
	padding: 50px;
	background: #f6f6f6;
}
.wp-block-gallery{
   gap: 30px !important;
   --wp--style--unstable-gallery-gap: 30px !important;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
	background: none;
	text-shadow:none;
	position: relative;
	color: #afafaf;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

/*-----------------------------------------------------------------------------
 Actualité / Blog
------------------------------------------------------------------------------*/
#actualite h1{
	margin-bottom: 50px;
}
.item-blog{
	
}
.item-blog-photo{
	
	
}
.item-blog-infos{
	text-align: center;
	padding-top: 10px;
}
.item-blog-infos h2{
	font-size: 18px;
	font-weight: 200;
}
.item-blog-infos a,
.bt-retour button{
	font-size: 16px;
	font-weight: 200;
	color: #ffffff;
	background: #000000;
	border-color: #000000;
}
.item-blog-infos a:hover,
.bt-retour button:hover{
	color: #000000;
	background: #ffffff;
	border-color: #000000;
}
.bt-retour{
	text-align: center;
	padding-top: 100px;
}
.bt-retour button{
	font-family: var(--font-1);
	text-transform: uppercase;
}

/*-----------------------------------------------------------------------------
 Contact
------------------------------------------------------------------------------*/
div#contact-box{
	width: 560px;
	height: 560px;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 280px;
	-moz-border-radius: 280px;
	border-radius: 280px;
	background: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	color: #fff;
	text-align: center;	
	padding-top: 140px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 50px;
}
div#contact-box strong{
	color: #fff;
	font-weight: 600;
}
div#contact-box a{
	color: #fff;
	text-decoration: none;
}
div#contact-box a:hover{
	text-decoration: underline;
}
div#contact-box hr{
	display: block;
	color: #fff;
	background-color: #fff;
	height: 1px;
	border: 0;
	width: 100px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div#contact-social svg{
	width: 25px;
	height: auto;
	margin: 3px;
}