/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 17 2024 | 13:34:56 */
/* Ajouter votre code CSS ici.
                     
Par exemple:
.exemple {
    color: red;
}

Pour améliorer vos connaissances en CSS, visitez http://www.w3schools.com/css/css_syntax.asp

Fin du commentaire */ 


/****general***/
input[type="submit"], button, .btn, a.btn input.btn, a.button, span.button, div.button, .wp-block-button__link {padding: 14px 34px !important;}
.button-bloc {margin-right : 20px; margin-bottom: 20px;}
.divider {
    height: 1px !important;
	    margin-top: 25px;
	margin-bottom: 35px !important;
}
.blog-grid footer .author {display : none;}
/*header***/
.hamburger{
    border-bottom: none;
}

.hamburger:after {
    content: '';
    width: 14px !important;
    top: 5px !important;
    right: auto !important;
    left: 0 !important;
	border-top : solid 2px #fff;
}
.hamburger:before {
    content: '';
    width: 10px !important;
    top: 12px !important;
    right: auto !important;
    left: 0 !important;
	border-bottom : solid 2px #fff;
	position : absolute;
	display: block;
}
#masthead .header-wrap {padding: 0 40px;}

.fullscreen-navigation .copyright .content .powered { display : none;}


.fullscreen-navigation {background: rgba(47, 58, 125, 0.99);
background-image: url(/wp-content/uploads/2024/01/bg_full_nvigation.png) !important; 
	background-position-y : bottom;
    background-position-x : 520px;
    background-repeat: no-repeat !important;
   

}
.language_switcher {line-height : 18px;font-size:20px;}
.language_switcher ul {list-style: none;}
.language_switcher ul li {display : inline-block; color:#fff;}
.language_switcher ul li:after {content : "/"; display : inline-block;padding : 0px 7px;}
.language_switcher ul li:last-child:after {display : none;}

#rev_slider_1_1_wrapper .uranus .tp-bullet-inner {    -webkit-transform: scale(0.5);     background-color: rgba(255,255,255,0.8);}


/***foter***/
footer .site-info .left br {display :none;}

/****portfolio****/


.masonry-block .portfolio-item {width: 100%;     padding-top: 100%; background-color: #f7f7f7 !important;}
.portfolio-item .category {background-color: transparent !important;font-size: 14px !important;text-transform : uppercase;color:#fff !important; padding:0 !important;}
.portfolio-item .title {
    font-size: 28px !important;
    color: #fff !important;
    letter-spacing: 00px;
    font-weight: 300;
    line-height: 38px !important;
}
.portfolio-item.grid-1 .image-wrap {background-color: transparent !important; position: absolute; top:0;left:0;z-index:2;}
.portfolio-item.grid-1:after {    background: #5895aa; opacity:0,9 !important; width: -webkit-calc(100% - 50px) !important;
    width: calc(100% - 50px) !important;
    height: -webkit-calc(100% - 50px) !important;
    height: calc(100% - 50px) !important;
   
    top: 25px !important;
    left: 25px !important;}
.portfolio-item.grid-1.hover-2 .description {padding : 50px !important;}

.portfolio-item.grid-1 .image-wrap { 
    -webkit-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);
    -o-transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);
    transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;}

.portfolio-item.grid-1:hover .image-wrap img  { filter: invert(99%) sepia(0%) saturate(0%) hue-rotate(31deg) brightness(200%) contrast(100%); margin-top:50px;}

.portfolio-item.grid-1:hover .image-wrap {  -webkit-transform: scale(0.6);  }
#norebro-popup-659586625b237 {background-color: #479cb1 !important;}
.portfolio-gallery .view-project {display : none; }

.portfolio-sorting li a .num {
	font-size: 12px;}

.portfolio-sorting li a {
    font-size: 18px;
    font-weight: 500;
}
.vc_row.recent-project.with-sorting{
    margin-top: 30px !important;
}
.portfolio-gallery .slider .owl-nav {display: none ;}
.portfolio-gallery .gallery-content .tag {
    margin-bottom: 0px !important;
    margin-left: -15px !important;
    background: transparent;
    border: none;
    font-weight: 300;
    font-size: 28px !important;
    text-transform: none;
    line-height: 38px !important;
    letter-spacing: 1px;
	    display: block;
	height : auto;
}
.portfolio-gallery .gallery-content .tag:after, .histoire_meninx .category.tag:after
{
	content:"";
	display:block;
	height : 1px;
	width : 200px;
	background-color: #fff;
	margin-top:20px;
	margin-bottom : 20px;
}
.portfolio-gallery .gallery-content .description, .portfolio-gallery.gallery-dark .info p {color:#fff;}
.portfolio-page .info-list li {max-width: 250px;}
.portfolio-gallery.gallery-dark h2 {
    color: #fff;
    line-height: 100px !important;
}
.portfolio-gallery .gallery-content h2 {
    font-size: 42px !important;
    line-height: 52px !important;
	margin-bottom : 30px;
	display : block;
}

.portfolio-gallery .gallery-content h2 span {font-weight: 300; }

.portfolio-gallery .portfolio-page .logo_porfolio {max-width: 200px;
    margin-bottom: 30px;
}
.portfolio-page .info {
    margin-top: 40px;
}

.norebro-filter-project-32a94883c31e4aa7de79f99ee2a14641 .portfolio-item.grid-1:after {
	background: #df8c00;
}

.norebro-filter-project-11ed17adaa28b84de665430059a4ea41 .portfolio-item.grid-1:after {
	background: #b83523;
}


/*****histoire***/
.norebro-onepage .onepage-section {
    height: 100vh !important;
}

.histoire_meninx .category.tag {    font-weight: 300;
    font-size: 28px !important;
    text-transform: none;
    line-height: 38px !important;
    letter-spacing: 1px;
	border:0;
	display : block;
	height : auto;
}
.histoire_meninx .portfolio-item.grid-8 h2.title
{
	 font-size: 42px !important;
    line-height: 52px !important;
	margin-bottom : 0px;
	display : block;
}
.histoire_meninx .portfolio-item.grid-8 .date-left {color:#fff;}

.histoire_meninx .portfolio-item.grid-8 .text-description {color:#fff;}
.histoire_meninx .portfolio-item.grid-8 .text-description img.logo_porfolio {max-width : 150px;margin-top:20px;}

.histoire_meninx  .portfolio-item.grid-8:before {
    content: '';
    background-image : none !important;
    height: 100%;
    width: 40%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.histoire_meninx  .portfolio-item.grid-8 .description {    background: none;}
.histoire_meninx  .slider-vertical-numbers {    align-items: flex-end;}

.histoire_meninx .slider-vertical-numbers li
{
	font-size: 24px;
	padding: 0px 0;
	line-height: 1.4;
}
.histoire_meninx .portfolio-item.grid-8 .content-center {
    padding-top: 0px;
   
}
.histoire_meninx .portfolio-item.grid-8 .text-description, .histoire_meninx .category.tag, .histoire_meninx .portfolio-item.grid-8 h2.title, .histoire_meninx .portfolio-item .category {  
	padding-left: 30px !important;
	max-width: 570px;
    padding-right: 30px !important;}
.histoire_meninx .portfolio-item.grid-8 .image-wrap {
    width: 60%;
    left: 40%;
}
.histoire_meninx .portfolio-item.grid-8:after { width: 40%;}

.histoire_meninx  .portfolio-grid-8 .scroll {
    left: 42%;
}

/*
.histoire_meninx .onepage-dots.slider-vertical-numbers li::after {
    display: inline-block;
    border-bottom: solid 1px #fff;
    line-height: 24px;
}
.histoire_meninx .slider-vertical-numbers li:before  {display : none !important;}
.histoire_meninx .onepage-dots.slider-vertical-numbers li:nth-child(2) {height : 1px;padding:0; border-top: solid 1px #fff;width:35px;}
.histoire_meninx .onepage-dots.slider-vertical-numbers li:nth-child(2):after {display:none}
*/
@media screen and (min-width: 768px)
	{
.fullscreen-navigation.open .languages {display : none}
}
/*@media (min-width: 576px) and (min-height: 390px) {
	#masthead .site-branding img.svg-logo, #masthead .site-title img.svg-logo {
    margin-top: 70px !important;
   
}
	
			header#masthead.site-header .site-branding .search
		{
    margin-top: 30px !important;
}
		
		#hamburger-menu
		{
    margin-top: 30px !important;
}
	
}*/

@media screen and (max-width: 768px){
header#masthead.site-header .header-wrap
	{
		margin-top: 35px !important;
	}
	
}

@media screen and (max-width: 768px)
	{
		/*PAGE CONTACTE MOBILE*/
		.page-id-6325108 .contact-form form {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
		
		.page-id-6325108 #bloc_contact_gauche .vc_column-inner.vc_custom_1705929796632 {
    padding-top: 30px;
}
		/*Style page carriere*/
		 .btn-outline {
    margin : 0px !important ;
    margin-bottom: 35px !important;
		
		}
	 #bloc_opportunite {
    padding: 0 !important;
		}
		
	 #bloc_opportunite .bloc_opportunite_right .vc_column-inner {
    padding: 0px 20px !important;
		}
		/*Fin Style page carriere*/
		
		/*Style mobile page contact*/
		
		.bloc_contact .vc_column-inner {
			padding: 0px !important;}
		
		
		#norebro-custom-65ae3227531f6 label {
    padding: 25px 0px !important;
} 
		.contact-form label {
   
    padding: 25px 0px !important;
}

.contact-form button.btn.btn-brand {
    margin: 0px !important;
    margin-bottom: 35px !important;
}
		
		#bloc_contact_left {
    padding-right: 10% !important;
    padding-left: 10% !important;
}
			/*Style mobile page contact*/
		.language_switcher {display : none}
		
		
#masthead.header-5 .header-wrap .site-branding .site-title {
    position: absolute;
    left: 50% !important;
	transform: translateX(-50%);
		}
		#masthead .site-branding img.svg-logo, #masthead .site-title img.svg-logo {
    margin-top: 65px;
    max-height: 150px !important;
    height: 150px !important;
}
		

.header-title .title-wrap {
    margin-top: 100px;
}
	#masthead .phone-menu-bottom .lang a.active, #masthead .phone-menu-bottom .lang a:hover {
    color: #2f3a7d;
    text-decoration: underline;
}
		#masthead #site-navigation.main-nav ul li.lang {font-size: 18px; font-weight: 500;}
		#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link:hover, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open {
    color: #2f3a7d;
		}
		#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.menu-item-depth-1 > a.menu-link
		{
			color:#fff !important;
			font-weight: 300;
		}
		#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu.active {padding-top:30px;}
		#masthead #site-navigation.main-nav .close:hover {
    	color: #2f3a7d;
		}
		.histoire_meninx .portfolio-item.grid-8:before {

    width: 100%;
		}
		
		.histoire_meninx .portfolio-item.grid-8 .text-description {
    
    max-height: initial !important;

		}
		.histoire_meninx .portfolio-item.grid-8 .text-description, .histoire_meninx .category.tag, .histoire_meninx .portfolio-item.grid-8 h2.title, .histoire_meninx .portfolio-item .category {
    max-width: 100%;
    padding-right: 60px !important;
			font-size: 14px !important;
			line-height : 18px !important;
}
		.histoire_meninx .portfolio-item.grid-8 h2.title {
font-size: 30px !important;
    line-height: 36px !important;
		}
		.histoire_meninx .category.tag {
   
    font-size: 18px !important;
    
    line-height: 24px !important;
		}
		.histoire_meninx .category.tag:after {

    margin-top: 10px;
    margin-bottom: 10px;
}
	.histoire_meninx	.portfolio-item .text-description {
    padding-top: 10px;
		font-size: 14px;
	}	
}
@media screen and (max-width: 768px){

h3.title.subtitle-top {
    font-size: 18px !important;
}
}