p a{
	color: #094658;
}

.wrap_content{
	max-width: 1600px;
	margin: auto;
	padding: 0 10px;
}

.wrap_small_content{
	max-width: 1400px;
	margin: auto;
	padding: 0 10px;
}

h2{
	font-size: 3em;
	line-height: 1.5em;
	font-weight: 700;
	margin-bottom: 40px;
}

h2.titre_border::before{
	content:'';
	display: block;
	width: 250px;
	height: 1px;
	background: #000b22;
	margin: 0 auto 40px auto;
}

.wp-block-button a,
input.button-base,
#content-page a.button-base{
	font-size: 1.05em;
	color: #fff;
	display: inline-block;
	font-weight: 400;
	padding: 20px 40px;
	background: #4484c3;
	transition: all .3s;
	border-radius: 0;
	margin-top: 20px;
}

.wp-block-button a:hover,
input.button-base:hover,
#content-page a.button-base:hover{
	background: #D6BD68;
}

.wp-block-button.button_plus a::after,
#content-page a.button-base.button_plus::after{
	content:'\2b';
	display: inline-block;
	color: #094658;
	margin-left: 20px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: relative;
	bottom: -1px;
	transition: all .3s;
}

.wp-block-button.button_plus a:hover::after,
#content-pagea.button-base.button_plus:hover::after{
	color: #fff;
}

.button_sans{
	text-transform: uppercase;
	font-size: 1.05em;
	letter-spacing: 4px;
	color: #000b22;
	font-weight: 700;
	line-height: 1.3em;
	margin-top: 20px;
	display: inline-block;
	transition: all .3s;
}

.button_sans:hover{
	color: #D6BD68;
}

/* HEADER *//* HEADER *//* HEADER *//* HEADER */
/* HEADER *//* HEADER *//* HEADER *//* HEADER */
/* HEADER *//* HEADER *//* HEADER *//* HEADER */

.logo_header{
	width: 215px;
	height: 200px;
	background: url(../img/logo-cometa.svg) no-repeat center / contain;
	position: absolute;
	left: 55px;
	top: 30px;
	z-index: 999;
}

#main_menu{
	padding-left: 300px;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
}

#main_menu ul{
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

#main_menu ul li{
	width: 100%;
}

#main_menu ul li a{
	display: block;
	padding: 35px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1.3em;
	letter-spacing: 2px;
	color: #000b22;
	background: transparent;
	transition: all .3s;
}

#main_menu ul li a:hover{
	background: #fff;
	color: #D6BD68;
}

#main_menu ul li.nav_contact a{
	background: #D6BD68;
	color: #fff;
}

#main_menu ul li.nav_contact a:hover{
	background: #fff;
	color: #D6BD68;
}

#main_menu ul li.wpml-ls-item{width:30%;}
#main_menu ul li.wpml-ls-item a{background: #D6BD68; color: #fff;}
#main_menu ul li.wpml-ls-item a:hover{color: #D6BD68; background: #fff;}

#main_menu ul li.nav_contact a::before{
	content:'\f4ad';
	display: inline-block;
	margin-right: 20px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
}

.logo_sticky{
	display: none;
}

/* STICKY */

@keyframes animSticky{
	0%{
		top:-100px;
	}
	100%{
		top:0px;		
	}
}

#main_menu.sticky {
	padding-left: 110px;
	position: fixed;
	background: #fff;
	animation: animSticky ease-in-out .6s forwards;
	border-bottom: 1px solid #E9E9E9;
}

#main_menu.sticky .logo_sticky {
	display: block;
	width: 45px;
	height: 45px;
	background: url(../img/logo-icone.svg) no-repeat center / contain;
	position: absolute;
	left: 40px;
	top: 7px;
	z-index: 999;
}

#main_menu.sticky ul li a {
	padding: 20px 0;
}

/* HOME *//* HOME *//* HOME *//* HOME */
/* HOME *//* HOME *//* HOME *//* HOME */
/* HOME *//* HOME *//* HOME *//* HOME */

picture{
	display: block;
	width: 100%;
	height: 100%;
}

.diapo_home{
	padding: 310px 0 600px;
	z-index: 10;
	position: relative;
}

.diapo_home > .wp-block-group__inner-container > .wrap_content{
	padding-right: 35%;
}

.diapo_home img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	z-index: -1;
}

.surtitre{
	text-transform: uppercase;
	letter-spacing: 8px;
	font-size: 2em;
}

.diapo_home .surtitre{
	margin-bottom: 60px;
}

.diapo_home h1{
	font-size: 3.5em;
	line-height: 1.3em;
	position: relative;
	color:#000;
}

.diapo_home h1::after{
	content:'';
	display: block;
	width: 250px;
	height: 1px;
	background: #000b22;
	position: absolute;
	left: 0;
	bottom: -60px;
}

.intro_home{
	margin-bottom: 160px;
}

.intro_home .wp-block-button a{
	margin-top: 70px;
}

.intro_home .wp-block-columns{
	margin-top: 70px;
	justify-content: space-between;
}

.intro_home .wp-block-columns .wp-block-column{
	max-width: 300px;
	text-align: justify;
}

p.chiffre{
	font-size: 6em;
	line-height: 1em;
	font-weight: 700;
	color: #4484c3;
	margin-bottom: 40px;
}

.savoirfaire_home h2{
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
	font-size: 2.5em;
	line-height: 1.3em;
	letter-spacing: 8px;
	color: #D6BD68;
	font-weight: 400;
	margin-bottom: 55px;
}

.savoirfaire_home .wp-block-columns{
	gap: 0;
}

.savoirfaire_home .wp-block-columns .wp-block-column{
	position: relative;
	width: 25vw;
	height: 25vw;
}

.savoirfaire_home .wp-block-columns .wp-block-column a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.savoirfaire_home .wp-block-columns .wp-block-column figure{
	display: block;
	width: 100%;
	height: 100%;
}

.savoirfaire_home .wp-block-columns .wp-block-column img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.savoirfaire_home .wp-block-columns .wp-block-column a::before{
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000b22;
	opacity: .5;
	pointer-events: none;
	z-index: 10;
	transition: all .3s;
}

.savoirfaire_home .wp-block-columns .wp-block-column a::after{
	content:'';
	display: block;
	width: 100%;
	height: 30%;
	position: absolute;
	left: 0;
	bottom: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4484c3+0,4484c3+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(68,132,195,0) 0%, rgba(68,132,195,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(68,132,195,0) 0%,rgba(68,132,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(68,132,195,0) 0%,rgba(68,132,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004484c3', endColorstr='#4484c3',GradientType=0 ); /* IE6-9 */
	opacity: 0;
	pointer-events: none;
	z-index: 10;
	transition: all .3s;
}

.savoirfaire_home .wp-block-columns .wp-block-column p{
	position: absolute;
	right: 55px;
	bottom: 50px;
	text-transform: uppercase;
	color: #fff;
	font-size: 2em;
	text-align: right;
	min-height: 72px;
	pointer-events: none;
	line-height: 1.1em;
	letter-spacing: 4px;
	z-index: 20;
}

.savoirfaire_home .wp-block-columns .wp-block-column a:hover::before{
	height: 0;
}

.savoirfaire_home .wp-block-columns .wp-block-column a:hover::after{
	opacity: 1;
	height: 100%;
}

.wrap_actus_home{
	margin: 90px auto;
}

.intro_actus_home{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.left_actus_home {
	width: 50%;
	margin-top: -10px;
}

.left_actus_home h2{
	margin: 0;
}

.right_actus_home{
	width: 50%;
}

.right_actus_home p{
	padding: 0 100px 0 180px;
}

.texte_right{
	text-align: right;
}

.button_reseaux{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.button_reseaux::after{
	content:'';
	display: inline-block;
	margin-left: 25px;
	width: 40px;
	height: 40px;
	background: url(../img/linkedin.png) no-repeat center / contain;
	transition: all .3s;
}

.button_reseaux:hover{
	color: #4484c3 !important;
}

.button_reseaux:hover::after{
	margin-left: 15px;
}

.wrap_actus_home ul{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 50px;
}

.wrap_actus_home ul li{
	width: 30%;
}

.wrap_actus_home ul li img{
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

.item_actus a{
	display: block;
	width: 100%;
	height: 100%;
}

.item_actus span{
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #000b22;
	display: block;
	margin-bottom: 20px;
	height:50px;
}

.item_actus span::after{
	content:'\2b';
	display: inline-block;
	color: #b1c4c9;
	margin-left: 20px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: relative;
	bottom: -1px;
	transition: all .3s;
}


.item_actus picture{
	display: block;
	width: 100%;
	height: 350px;
	position: relative;
	overflow:hidden;
}

.item_actus picture::before{
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000b22;
	opacity: 0;
	pointer-events: none;
	z-index: 10;
	transition: all .3s;
}

.item_actus picture::after{
	content:'';
	display: block;
	width: 100%;
	height: 30%;
	position: absolute;
	left: 0;
	bottom: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4484c3+0,4484c3+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(68,132,195,0) 0%, rgba(68,132,195,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(68,132,195,0) 0%,rgba(68,132,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(68,132,195,0) 0%,rgba(68,132,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004484c3', endColorstr='#4484c3',GradientType=0 ); /* IE6-9 */
	opacity: 0;
	pointer-events: none;
	z-index: 10;
	transition: all .3s;
}

.item_actus picture img{object-fit: cover; height:100%;}

.item_actus a:hover picture::before{
	height: 0;
	opacity: .5;
}

.item_actus a:hover picture::after{
	opacity: 1;
	height: 100%;
}

.item_actus a:hover span::after{
	color: #000b22;
}

/* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER */
/* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER */
/* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER */

#footer-main{
	width: 100%;
	background: #cdd8ef;
	padding: 45px 0 55px 0;
}

#footer-main .wrapper {
	max-width: 1400px;
	margin: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}

#footer-main p,
#footer-main a{
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1.3em;
	letter-spacing: 4px;
	color: #000b22;
}

#footer-main a{
	display: inline-block;
	transition: all .3s;
}

.col_footer_2 li:not(:last-of-type),
.col_footer_3 li:not(:last-of-type){
	margin-bottom: 20px;
}

.linkedin_footer::after {
	content: '';
	display: inline-block;
	margin-left: 25px;
	width: 40px;
	height: 40px;
	background: url(../img/linkedin.png) no-repeat center / contain;
	transition: all .3s;
	position: relative;
	top: 15px;
}

.linkedin_footer:hover{
	color: #4484c3 !important;
}

.copy-nova {
	display: block;
	width: 40px;
	height: 50px;
	background: url(../img/made-by-noir.svg) no-repeat;
	background-size: contain;
	background-position: right bottom;
	position: absolute;
	right: -100px;
	bottom: 0;
}

.col_footer_1{
	padding-right: 180px;
	border-right: 1px solid #000b22;
}

.col_footer_2 {
	padding: 0px 80px;
}

.col_footer_3{
	padding: 0 80px;
}

#footer-main a:hover{
	color: #D6BD68;
}

#main_menu_responsive{display: none;}


/* PAGES INTERIEURES */
#content-page .wrapper{margin:75px 10% 100px;}

#content-page a{color:#4484c3;}
#content-page a:hover{color:#D6BD68;}
#content-page img{max-width:100%; height:auto;}
#content-page .wp-block-button a{color:#FFF;}

#content-page article ul li, #content-page article ul{margin:15px;}
#content-page article ul li{list-style:none; line-height: 1.8em; font-family: 'PT Sans', sans-serif; font-size: 1.05em; color: #000b22; margin-left:30px;}
#content-page article ul li:before{content:""; width:5px; height:5px; background:#D6BD68; border-radius:100%; display:inline-block; vertical-align: middle; margin:-2px 25px 0 -30px;}

.align-center{text-align:center;}
small{font-size:0.75em;}

#content-page .wp-block-columns{gap:100px;}


	/* HEADER PAGE */
	#header-page{padding:200px 22.5% 50px; text-align:right; background:#cdd8ef; margin:0 0 125px;}
	#header-page .breadcrumb ul{display:flex; justify-content: flex-end; gap:25px; margin:0 0 30px; letter-spacing:5px; text-transform:uppercase; font-size:0.8em;}
	#header-page .breadcrumb ul a{margin-right:25px;}

	#header-page .h1, #header-page h1{font-size:5em; letter-spacing:1px; line-height: 1.2;}
	#header-page .h1:after, #header-page h1:after{content:""; display:inline-block; width:200px; height:1px; background:#000; margin:0 0 0 50px; vertical-align: middle;}

	/* PRESENTATION */
	.wp-block-media-text, .wp-block-columns{display:flex;}
	.wp-block-media-text{margin:150px 0 0; gap:50px;}
	.wp-block-media-text__media{position:relative;}
	.wp-block-media-text__media picture{position:relative; z-index:1;}

	.bg_column{margin:150px 0 200px -5%; width:110%; position:relative; text-align:center; padding:50px 100px 0;}
	.bg_column:before{content:""; width:100%; height:75%; max-height:310px; position:absolute; z-index:0; background:#D6BD68; top:0; left:0;}
	.bg_column h2{color:#FFF; position:relative; width:75%; margin:0 auto 50px; font-size:2em;}

	#content-page .bg_column .wp-block-columns{gap:50px; position:relative;}
	.bg_column .wp-block-columns .wp-block-column{background:#FFF; padding:50px; border:1px solid #D6BD68;}
	.bg_column .wp-block-columns .wp-block-column p{color:#D6BD68; font-size:1.2em;}
	.has-large-font-size, .bg_column .wp-block-quote{margin:100px 10% 0; text-align:center;}
	.has-large-font-size, .bg_column .wp-block-quote p{color:#D6BD68; font-size:1.9em;}
	.has-large-font-size:after, .has-large-font-size:before,
	.bg_column .wp-block-quote:after, .bg_column .wp-block-quote:before{content:""; display:block; height:1px; width:250px; margin:40px auto; background:#D6BD68;}

	.bloc-two-images{margin:0 -5%}
	.bloc-two-images .images{position:relative;}
	.bloc-two-images .images:after{content:""; width:75%; height:75%; position:absolute; z-index:-1; margin:0 auto; left:0; right:0; top:100px; background:#4484c3;}
	.bloc-two-images .images figure{height:500px;}
	#content-page .bloc-two-images .images .wp-block-columns{gap:50px;}
	#content-page .bloc-two-images .images figure img{height:100%; object-fit: cover;}
	#content-page .bloc-two-images .images .wp-block-column:first-child figure{margin:200px 0 0;}


	/* SAVOIR FAIRE */
	.list-child-page{-moz-column-count: 2; -moz-column-gap: 200px; -webkit-column-count: 2; -webkit-column-gap: 200px; column-count: 2; column-gap: 200px;}
	.list-child-page .child{margin:0 0 200px;}

	#content-page .list-child-page .child:nth-child(3n){padding-top:150px;}
	#content-page .list-child-page .child span, #content-page .list-child-page .child a{display:block;}
	#content-page .list-child-page .child .image{margin:0 0 40px; height:400px; overflow:hidden;}
	#content-page .list-child-page .child .image img{object-fit: cover; height:100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
#content-page .list-child-page .child .image img:hover{transform:scale(1.5);}
	#content-page .list-child-page .child .titre{text-transform:uppercase; letter-spacing:5px; display:block; margin:0 0 20px; font-size:1.2em;}
	#content-page .list-child-page .child .excerpt{width:75%; display:block; font-size:0.9em;}
	#content-page .list-child-page .child a:after{content:"+"; float:right; font-size:50px; margin-top:-25px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
	#content-page .list-child-page .child a:hover:after{transform:scale(1.5);}

		/* SAVOIR-FAIRE ENFANTS */
		.other-page{margin-left: 12.5%;}
		#content-page .other-page h2{margin:25px 5% 40px; text-transform: uppercase; font-family: 'PT Sans', sans-serif;  font-size: 2em;  line-height: 1.3em; letter-spacing: 5px; color: #D6BD68; font-weight: 400;}
		.list-sister-page{display:flex; gap:15px; margin:0 15px 100px;}
		.list-sister-page .sister{position:relative; width:33%;}
		.list-sister-page .sister .image{height:400px; display:block; overflow:hidden; background:#000;}
		#content-page .list-sister-page .sister img{height:100%; object-fit: cover; opacity:0.75; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
		.list-sister-page .sister:hover img{-moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);}
		.list-sister-page .sister .title{position:absolute; background:#FFF; bottom:0; right:0; text-transform:uppercase; letter-spacing:3px; padding:25px 50px 25px 100px; text-align:right; color:#000; font-weight:bold;}
		.list-sister-page .sister .title:hover{background:#000; color:#FFF;}

		h2.has-text-align-center:before{content:""; margin:100px auto 25px; height:1px; width:250px; background:#000; display:block;}

			/*VERNISSAGE*/
			.bloc-background h2{font-size:2em;}

	/* REALISATIONS */
	#content-page .wp-block-gallery{display:flex; justify-content: center; flex-wrap:wrap;}
	#content-page .wp-block-gallery .wp-block-image{width:calc(25% - 50px) !important; margin:25px 25px 100px !important; flex-grow:0 !important;}
	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:none; letter-spacing: 3px; color:#000; bottom:-60px; text-transform:uppercase;}

	/* ACTUALITES */
	.list-article{display:flex; flex-wrap:wrap; justify-content: center; gap:15px;}
	.list-article .news{width:30%; border:1px solid #000; padding:40px;}
	.list-article .news picture{height:200px; overflow:hidden; display:block; margin: 0 0 25px;}
	.list-article .news picture img{object-fit: cover; height:100% !important;}
	.list-article .news .title{font-weight:bold; font-size:1.1em; text-transform:uppercase; margin-bottom:25px;}
	#content-page .list-article .news a.button-nvg{float:right; background:#000; color:#FFF; padding:5px 20px; margin-top:25px;}
	.list-article .news a.button-nvg:after{content:"\f178"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left:25px; color:#FFF;}
	#content-page .list-article .news a.button-nvg:hover{background:#4484c3;}

	#content-page .other_articles a{color:#FFF; background:#4484c3; padding:50px; display:flex; align-items: center;}
	#content-page .other_articles a span{color:#FFF; font-size:2.5em; height:auto;}
	#content-page .other_articles a:hover{background:#D6BD68;}

	/* CONTACT */
	#content-page #header-page{margin:0;}
	#content-page #content-contact{margin:0;}
	#content-page #content-contact .wp-block-group:before{content:""; width:60px; height:60px; background:#D6BD68; border-radius:100%; margin:0 25px 0 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; float:left; color:#FFF; display:flex; align-items: center; justify-content: center; font-size:20px;}
	#content-page #content-contact .wp-block-group.address:before{content:"\f3c5";}
	#content-page #content-contact .wp-block-group.phone:before{content:"\f095";}
	#content-page #content-contact .wp-block-group.mail:before{content:"\f0e0";}
	#content-page #content-contact p{margin:0;}
	#content-page #content-contact h2:before{content:""; display:block; margin:0 auto 25px; width:200px; height:1px; background:#000;}