/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');


h1, h2, h3 {
	font-weight: 700!important;
}
.modern-quote .av-special-heading-tag {
	font-weight: 700!important;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */


.av-main-nav > li > a {
	font-size: 15px!important;
}
.av_header_transparency .logo {
	position: absolute;
	top: 20px!important;
	left: 0;
}
.av_header_scroller .logo {
	top: 0px!important;
}

#top .iconbox_left_content.av-icon-style-no-border .iconbox_icon {
	font-size: 32px;
	line-height: 32px;
}
.mfp-bottom-bar {
	display: none!important;	
}

.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
	opacity: 1!important;
}

.custom-button .avia-button {
	border: 1px solid #3e4453!important;
	color: white!important;
	border-radius: 0px!important;
	background-color: rgba(62, 68, 83, 1)!important;
	transition: all 0.2s ease-out!important;
	text-transform: uppercase!important;
}
.custom-button .avia-button:hover {
	border: 1px solid #3e4453!important;
	border-radius: none;
	background-color: rgba(62, 68, 83, 0.7)!important;
	transition: all 0.2s ease-out!important;
}

.box-shadow {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 45px -5px, rgba(0, 0, 0, 0.3) 0px 8px 22px -8px;
}
.avia-video {
	margin-bottom:0px!important; 
}
#ajaxresponse_1 h3.avia-form-success   {
	color: #378237!important;
	font-size: 18px!important;
	font-weight: normal!important;
}

#footer-page h3.av-special-heading-tag a, #footer-page h4.av-special-heading-tag a {
	text-decoration: none!important;
	color: #797a7c!important;
	transition: all 0.2s ease-out!important; 
}
 #footer-page h4.av-special-heading-tag a {
	 font-weight: 400!important;
 }
#footer-page h3.av-special-heading-tag a:hover, #footer-page h4.av-special-heading-tag a:hover {
	margin-left: 5px;
}
.thin {
	font-weight: 400!important;
}
#footer h3, #footer h4, #footer p, #footer a {
 	color: #797a7c!important;
}
#footer div.thin h3 {
	font-weight: 400!important;
}
#mentions-legales h1 {
	font-size: 38px;
}
#mentions-legales h2 {
	font-size: 28px;
}
#liste_icon_999 {
	top: -185px;
}
#pic_colonne_999 {
	margin-top: -658px;
}
#masonry_colonne_999 {
	margin-top: -250px;
}
#expression_masonry_999 {
	margin-top: -555px;
}
#realisation_999 {	
margin-top: -150px;
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  
#produits #liste_icon_999 {
	  top: 0px!important;
}
#produits .flex_column.av-man0iysf-99a31f65544781349bc8ad7f9e61c8a8 {
	 top: 0px!important;
}
.responsive #top #wrap_all .flex_column.av-man19izk-e6e3e054687092ccd4f29b9200f2c212 {
	margin-top: 0!important;
}
#pic_colonne_999 {
	margin-top: 0px;
}
#liste_icon_999 {
	top: 0px;
}
#masonry_colonne_999 {
	margin-top: 0px!important;
}
#expression_masonry_999 {
	margin-top: 0px!important;
}
#realisation_999 {	
margin-top: 0px;
}
}