/*
Theme Name: uncode-child
Description: Theme enfant de Uncode thème
Author: Nicolas SVITLICA
Author URI: https://fogel.digitella.ch
Template: uncode
Version: 0.1.0
*/

/*@keyframes bandeaujaunehome {
  0% {
    top: -2000px;
  }
  100%{
    top: 0px;
  }
}*/

#menu-main-menu > li > a{
	color:#ffffff!important;
}

.submenu-light .menu-smart ul a {
    color: #000!important;
}

#menu-main-menu > li.active > a{
	color:#26A1C3!important;
}
.header-wrapper {
    margin-top: 100px;
}
div#header_accueil {
    margin-top: -100px;
}

body:not(.menu-force-opacity) .style-light-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a {
    color: #fff!important;
}

#logo-container-mobile .lines,
#logo-container-mobile .lines:before,
#logo-container-mobile .lines:after{
	background-color:#fff!important;
}

.benefits ul li {
    font-size: 1.2rem;
}

.submenu-light .menu-horizontal .menu-smart ul {
    width:21em!important;
	max-width:21em!important;
}

#bloc_contact .horaires_contact {
	font-weight:400!important;
	font-size:16px!important;
}

.btn:not(.btn-custom-typo) {
    border-width: 0px!important;
    background-color: #f46a07;
    color: #fff;
}
.menu-smart .menu-item a:hover,
.menu-smart .menu-item.active a
 {
    color: #2596B8!important;
}

.menu-container{
	background-color:#19334E!important;
}

body.menu-custom-padding .col-lg-0.logo-container, body.menu-custom-padding .col-lg-2.logo-container, body.menu-custom-padding .col-lg-12 .logo-container, body.menu-custom-padding .col-lg-4.logo-container {
    padding-top: 15px!important;
    padding-bottom: 5px!important;
}

.big_header{
	margin-top: 10px!important;
}

.big_header h1{
	font-size:30px;
}

.home #bloc_texte_intro_accueil{
	max-width: 55% !important;
}
.submenu-light .menu-horizontal .menu-smart ul {
    max-width: 21em;
    width: 20em;
}

.home #bloc_texte_intro_accueil{
	max-width: 55% !important;
}
/*
.home #page-header::after{
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0px;
	height: 50vh;
	width: calc(20% - 100px);
	background-color: #e5322d;
}
*/
.home #page-header .fa-stack{
	position: absolute !important;
	bottom: 60px !important;
}
.btn_suite{
	position: absolute !important;
	width: 76px !important;
	height: 76px !important;
	border-radius: 50% !important;
	text-align: center !important;
	bottom: 30px !important;
	left: 50%;
	transform: translateX(-50%);
	min-width: 76px !important;
	letter-spacing: inherit !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.suite_portfolio.btn-color-476532:not(.btn-hover-nobg):not(.icon-animated):hover{
	background-color: #000000 !important;
	border: 1px solid #000000 !important;
}
.btn_suite .fa{
	margin: auto !important;
	font-size: 1.8rem;
	position: absolute !important;
	left: 50%;
	top: 50% !important;
	transform: translate(-50%, -50%);
}
#page-header .uncont{
	z-index: 1 !important;
}
.onepage-pagination li a .cd-label{
	color:#000000 !important;
}
.home .btn_realisations{
	position: absolute !important;
	bottom: 0;
	z-index: 2 !important;
	left: 50%;
	transform: translateX(-50%);
	background: #e5322d;
}
.btn_type{
	margin: auto;
    width: auto;
    display: table !important;
    float: none;
    color: #000000 !important;
    border-radius: 25px !important;
}
.btn_fdf:hover{
	color: #fff !important;
}
.btn_fdf.btn-color-476532.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):hover{
	color: #fff !important;
}
a.custom-link{
	color: #fff !important;
}
.btn_portfolio_home{
	position: absolute;
	z-index: 1;
	bottom: 120px;
	left: 50%;
	transform: translateX(-50%);
}
.btn_portfolio_home:hover{
	background-color: #000000 !important;
	color: #e5322d !important;
}
.btn_portfolio_home.btn-color-476532.btn-flat:not(.btn-hover-nobg):hover, .btn_portfolio_home.btn-color-476532.btn-flat:not(.btn-hover-nobg):focus, .btn_portfolio_home.btn-color-476532.btn-flat:active{
	background-color: #000000 !important;
	color: #e5322d !important;
	border-color: #000000 !important;
}
.btn_fdcomplex{
    color: #000000 !important;
    border-radius: 25px !important;
}
.btn_fdcomplex:hover{
	background-color: #000000 !important;
	color: #e5322d !important;
}
.btn_fdcomplex.btn-color-476532.btn-flat:not(.btn-hover-nobg):hover, .btn_fdcomplex.btn-color-476532.btn-flat:not(.btn-hover-nobg):focus, .btn_fdcomplex.btn-color-476532.btn-flat:active{
	background-color: #000000 !important;
	color: #e5322d !important;
	border-color: #000000 !important;
}
footer .footer-center {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.footer-scroll-top{
	background-color: #000000;
    border-radius: 0px !important;
}
.scroll-top i{
	border: 2px solid #E8E8E8 !important;
	border-radius: 0px !important;
}
.style-light .scroll-top i{
	border-color: #E8E8E8 !important;
}
.email_contact{
	margin-top: 0px !important;
}
.email_contact a:hover{
	color: #000000 !important;
}
.lines, .lines:before, .lines:after{
	width: 28px !important;
    height: 2px;
    border-radius: 0px !important;
}
.lines:before {
    top: 7px !important;
}
.lines:after {
    top: -7px !important;
}
.mobile-menu-button{
	padding: 27px 56px 27px 36px !important;
}
.lines-button.x2.close .lines:before{
	top: -7px !important;
}
.menu-overlay .vmenu-container .menu-smart a:not(.wc-forward){
	line-height: 2em !important;
}
.open-items.overlay.overlay-sequential .menu-sidebar-inner .menu-smart > li::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform:translateX(-50%);
	width: 30px;
	height: 1px;
	background-color: rgba(255,255,255,0.50);
}
.open-items.overlay.overlay-sequential .menu-sidebar-inner .menu-smart > li:last-of-type::after, .open-items.overlay.overlay-sequential .menu-sidebar-inner .menu-smart > li.social-icon::after{
	content: '' !important;
	display: none !important;
}
.home #bloc_contact::after{
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 0;
	height: calc(30% + 60px);
	width: calc(20% - 100px);
	background: #e5322d;
}
.portfolio-body .detail-label{
	display: none !important;
}
.portfolio-body .detail-container:nth-child(1)::before{
	content: '\e083';
	font-family: 'uncodeicon' !important;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 8px 0 0;
	color: #e5322d;
	font-size: 1.2em;
	font-weight: 500;
}
.portfolio-body .detail-container:nth-child(2)::before{
	content: '\e069';
	font-family: 'uncodeicon' !important;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 8px 0 0;
	color: #e5322d;
	font-size: 1.2em;
	font-weight: 500;
}
.portfolio-body .detail-container:nth-child(3)::before{
	content: '\e641';
	font-family: 'uncodeicon' !important;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 8px 0 0;
	color: #e5322d;
	font-size: 1.2em;
	font-weight: 500;
}
.vc_custom_1497254753995{
	border-color: #E8E8E8 !important;
}
.portfolio-body .info-content p{
	font-weight: 400 !important;
}
.home #bloc_portfolio .btn-container{
	margin-top: 0 !important;
}
.portfolio-template-default .page-body::before{
	content: "";
	position:absolute;
	z-index: 0;
	right: 0;
	top: 72px;
	height: calc(100% - 123px);
	width: calc(10% - 50px);
	background: #e5322d;
}
.picto_page_presta>span>div{
	width: 160px !important;
	margin: auto !important;
}
.bloc_txt_avant{
	max-width: 1800px !important;
	margin: auto;
}
.no-touch .onepage-pagination .cd-dot{
	width: 8px !important;
	height: 8px !important;
}
.no-touch .onepage-pagination a.is-selected .cd-dot{
	background-color: #e5322d !important;
	box-shadow:0px 0px 0px 2px #e5322d !important;
}
.no-touch .onepage-pagination li{
	margin: 5px 0px 5px 0px;
}
#bloc_apropos .btn-container, #bloc_prestations .btn-container{
	position: inherit !important;
}
.navbar.is_stuck .menu-container{
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
	box-shadow: 0 0 30px rgba(0,0,0,0.2);
}
#bloc_prestations .gros_titre{
	max-width: 50% !important;
	display: block !important;
}
.list_avantage_freelance ul li{
	font-size: 1.2rem;
	font-weight: 700;
}
#entete_apropos .heading-text.el-text{
	max-width: 1600px !important;
	margin: auto !important;
}
.btn_cookie_notice{
	background: #000000 !important;
	border: 1px solid #ffffff !important;
	color: #ffffff !important;
	border-radius: 0px !important;
	font-family: 'Red Hat Display' !important;
	font-size: 12px !important;
	text-shadow: none !important;
}
.btn_cookie_notice:hover{
	border: 1px solid #000000 !important;
	border-bottom: 1px solid #ffffff !important;
}
.home #page-header .bloc_lien_reseau a.fa-stack{
	position: inherit !important;
}
.home .bloc_lien_reseau .icon-box.icon-inline{
	padding: 0 8px 0 0 !important;
}
#bloc_texte_intro_accueil .fontsize-140841{
	line-height: 1rem !important;
}
.portfolio-body .col-widgets-sidebar .info-content{
	padding-right: 30%;
}


/*-----------------------------RESPONSIVE------------------------*/

@media screen and (max-width:1980px) {
	/*-------------ecran_intro------------------*/
	.home #page-header::after{
		width: 142px;
		height: calc(50% + 60px);
	}
	/*-------------ecran_contact------------------*/
	.home #bloc_contact::after{
		width: 142px;
		height: calc(30% + 60px);
	}
}

@media screen and (max-width:1820px) {
	/*-------------pages------------------*/
	.post-body::before {
		width: calc(10% - 100px) !important;
	}
}

@media screen and (max-width:1680px) {
	/*-------------ecran_intro------------------*/
	.home #page-header::after{
		animation: none;
		height: 132px;
		top: 0px !important;
	}
	/*-------------ecran_contact------------------*/
	.home #bloc_contact::after{
		height: 142px;
	}
	/*-------------pages------------------*/
	.post-body::before {
		content: '';
		display: none;
	}
}

@media screen and (max-width:1400px) {
	/*-------------ecran_intro------------------*/
	#header_accueil_txt{
		padding: 0px 0px 0px 80px;
	}
	.portfolio-template-default .page-body::before{
		content: '';
		display: none;
	}
	.portfolio-body .col-widgets-sidebar .info-content{
		padding-right: 0 !important;
	}
}

@media screen and (max-width:1368px) {
	/*-------------ecran_intro------------------*/
	#header_accueil_txt{
		padding: 80px 0px 0px 120px !important;
	}
	#header_accueil .background-inner{
		background-position: right -80px bottom !important;
	}
	#header_accueil_txt h1{
		font-size: 50px;
	}
	/*-------------ecran_apropos------------------*/
	#bloc_apropos .btn-container{
		margin-top: 0px;
	}
	#bloc_chiffre, #bloc_apropos .divider-wrapper{
		margin-top: 40px;
	}
	/*-------------ecran_prestations------------------*/
	#bloc_prestations .txt_prestation_home p{
		line-height: 1.5rem !important;
	}
	#bloc_prestations .btn-container{
		margin-top: 0px;
	}
	/*------------------pages------------*/
	
}

@media screen and (max-width:1200px) {
	/*-------------ecran_intro------------------*/
	#header_accueil .background-inner{
		-webkit-background-size: 1000px !important;
		background-size: 1000px !important;
		background-position: right bottom !important;
	}
	/*-------------ecran_prestations------------------*/
	#bloc_prestations .icon_prestation_home .icon-media{
		width: 70px !important;
	}
	#bloc_prestations .icon_prestation_home{
		height: 70px !important;
	}
	#bloc_prestations .gros_titre{
		max-width: 100% !important;
		display: table-cell !important;
	}
	/*-------------ecran_contact------------------*/
	#bloc_contact .background-inner{
		-webkit-background-size: 1000px !important;
		background-size: 1000px !important;
		background-position: right bottom !important;
		background-attachment:fixed !important;
	}
	#bloc_contact .gros_titre h3{
		font-size: 40px !important;
	}
	#bloc_contact .email_contact a{
		font-size: 30px !important;
	}
	
}

@media screen and (max-width:1024px) {
	/*-------------ecran_intro------------------*/
	#header_accueil_txt h1{
		font-size: 40px;
	}
	/*-------------ecran_apropos------------------*/
	#bloc_apropos .divider-wrapper {
		display: none;
	}
	#bloc_apropos .uncont .uncode-wrapper p{
		font-size: 80px !important;
	}
	#bloc_chiffre{
		margin-top: 30px;
	}
	#bloc_apropos .txt_intro{
		padding-left: 0px;
    	padding-right: 0px;
	}
	#bloc_apropos .txt_intro p{
		font-size: 18px;
	}
	#bloc_apropos .gros_titre h3{
		font-size: 40px !important;
	}
	/*-------------ecran_prestations------------------*/
	#bloc_prestations .gros_titre .sous_titre{
		margin-top:18px !important;
	}
	#bloc_prestations .gros_titre h3{
		font-size: 40px !important;
	}
	#bloc_prestations .icon_prestation_home{
		height: 60px !important;
	}
	#bloc_prestations .ligne_bloc_presta{
		margin-top:18px !important;
	}
	/*-------------pages------------------*/
	#entete_apropos .heading-text.el-text p{
		font-size: 1.3rem !important;
	}
}

@media screen and (max-width:980px) {
	/*-------------ecran_intro------------------*/
	#header_accueil_txt h1{
		font-size: 35px;
	}
	#header_accueil .background-inner{
		background-position: right -230px bottom -30px !important;
	}
	#header_accueil_txt{
		padding: 80px 0px 0px 100px !important;
	}
	.home #bloc_texte_intro_accueil{
		max-width: calc(100% - 110px) !important;
	}
}

@media screen and (max-width:959px) {
	
.submenu-light .menu-horizontal .menu-smart ul {
    width:100%!important;
	max-width:100%!important;
}	
.drop-menu a,
body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item .drop-menu > a{
    font-weight: 400!important;
    font-size: 3.5vw!important;
}
	/*-------------sous_menu------------------*/
	.submenu-dark .menu-sidebar-inner{
		background-color: rgba(20, 22, 24, 0.95) !important;
	}
	.submenu-dark .main-menu-container{
		background-color: inherit !important;
	}
	.menu-mobile-animated.menu-overlay .menu-sticky + .overlay-menu .open-items .menu-smart > li{
		position: relative !important;
		padding: 10px 0px;
	}
	.menu-mobile-animated.menu-overlay .menu-sticky + .overlay-menu .open-items .menu-smart > li::after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		transform:translateX(-50%);
		width: 30px;
		height: 1px;
		background-color: rgba(255,255,255,0.50);
	}
	.menu-mobile-animated.menu-overlay .menu-sticky + .overlay-menu .open-items .menu-smart > li:last-of-type::after, .menu-mobile-animated.menu-overlay .menu-sticky + .overlay-menu .open-items .menu-smart > li.social-icon::after{
		content: '';
		display: none;
	}
	.submenu-dark .menu-smart{
		background-color: inherit !important;
	}
	/*-------------ecran_intro------------------*/
	.home #page-header::after{
		height: 80px !important;
   		width: 108px !important;
	}
	#header_accueil .background-inner{
		background-position: right -290px bottom -20px !important;
	}
	.menu-light .row-brand, .menu-light .row-menu .row-menu-inner{
		border-bottom: 1px solid rgba(0,0,0,0) !important;
		-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
		box-shadow: 0 0 30px rgba(0,0,0,0.2);
	}
	.home #bloc_texte_intro_accueil{
		max-width: calc(100% - 190px) !important;
	}
	/*-------------ecran_apropos------------------*/
	#bloc_apropos .row .uncont{
		height: 100% !important;
	}
	#bloc_apropos .gros_titre h3{
		font-size: 30px !important;
	}
	/*-------------ecran_prestations------------------*/
	#bloc_prestations .gros_titre h3{
		font-size: 30px !important;
	}
	#bloc_prestations .bloc_presta::after{
		content: '';
		position: absolute;
		bottom: -12px;
		left: 50%;
		transform:translateX(-50%);
		width: 30px;
		height: 1px;
		background-color: rgba(255,255,255,0.50);
	}
	#bloc_prestations .ligne_bloc_presta.lignedeux .bloc_presta:last-of-type::after{
		content: '';
		display: none !important;
	}
	/*-------------ecran_contact------------------*/
	#bloc_contact .background-inner{
		display: none !important;
	}
	/*-------------pages------------------*/
	.picto_page_presta>span>div {
    	width: 130px !important;
	}
	.col_titre_avantage_freelance .single-block-padding .uncont{
		max-width: 100% !important;
		text-align: left !important;
	}
	.col_titre_avantage_freelance .uncell.single-block-padding{
		padding: 30px !important;
	}
	.bloc_txt_telmail .uncont{
		text-align: center !important;
	}
	#conteneur_page_contact .row.double-top-padding.double-bottom-padding.single-h-padding{
		padding-top: 36px !important;
		padding-bottom: 36px !important;
	}
	/*-------------------FICHE PORTFOLIO------------------------*/
	.single-portfolio .main-container .row-container .double-bottom-padding{
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	
}

@media screen and (max-width:569px) {
	/*-------------ecran_intro------------------*/
	#header_accueil_txt h1{
		font-size: 33px;
	}
	#header_accueil_txt{
		padding: 130px 5px 0px 72px !important;
	}
	#bloc_contenu_header_home, #header_accueil .row div[class*=col-lg-].pos-middle .uncell{
		vertical-align: top !important;
	}
	.btn_suite{
		bottom: 60px !important;
	}
	.mobile-menu-button {
		padding: 27px 30px 27px 36px !important;
	}
	.btn.btn_suite{
		position: absolute !important;
		transform:translateX(-50%)!important;
		left: 50% !important;
		padding: inherit !important;
		width: 60px !important;
		height: 60px !important;
		min-width: inherit !important;
	}
	#bloc_apropos .btn_suite, #bloc_portfolio .btn_suite, #bloc_prestations .btn_suite{
		display: none;
	}
	#bloc_apropos .gros_titre .sous_titre, #bloc_prestations .gros_titre .sous_titre, #bloc_apropos .txt_intro_apropos{
		text-align: center !important;
	}
	/*----------------ecran_contact-----------------*/
	.home #bloc_contact::after{
		display: none!important;
	}
	/*-------------pages------------------*/
	body.menu-mobile-centered .mobile-hidden:not(.social-icon):not(.menu-social) {
		display: none !important;
	}
	#header_portfolio_sommaire .row-header{
		padding-bottom: 35px;
	}
	.mmb-container.mmb-container-overlay .menu-button-overlay{
		display: none !important;
	}
}

@media screen and (max-width:425px) {
	/*-------------ecran_intro------------------*/
	#header_accueil .background-inner{
		-webkit-background-size: 870px !important;
		background-size: 870px !important;
		background-position: right -255px bottom -20px !important;
	}
	#header_accueil_txt h1{
		font-size: 28px;
	}
	#header_accueil_txt h6{
		font-size: 12px;
	}
	#header_accueil_txt{
		padding: 130px 25px 0px 72px !important;
	}
	.btn_type.btn-lg{
		transform: inherit !important;
		font-size: 0.88rem !important;
		padding: 14px 20px 14px 20px !important;
	}
	.home #bloc_texte_intro_accueil{
		max-width: calc(100% - 135px) !important;
	}
	.home #header_accueil_txt h6.fontheight-578034{
		line-height: 1rem;
	}
	#bloc_texte_intro_accueil .fontsize-140841{
		font-size: 15px !important;
		line-height: 0.9rem !important;
	}
	/*-------------ecran_contact------------------*/
	#bloc_contact .gros_titre h3{
		font-size: 30px !important;
	}
	#bloc_contact .email_contact a, #bloc_contact .tel_contact .fontsize-115463{
		font-size: 30px !important;
	}
	/*--------------------footer-----------------*/
	footer .footer-center {
		padding: 30px 70px !important;
	}
	/*-------------pages------------------*/
	#header_portfolio_sommaire h1{
		line-height: 1.5rem;
	}
	.row-parent.no-h-padding .isotope-filters > .menu-horizontal > .menu-smart{
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	#footer_portfolio_sommaire h2{
		line-height: 1.5rem !important;
	}
	.bloc_txt_avant .single-block-padding{
		padding: 0px !important;
	}
	.picto_page_presta>span>div {
    	width: 100px !important;
	}
	#entete_apropos .uncell.boomapps_vccolumn.single-block-padding{
		padding: 0px 0px 30px 0px !important;
	}
	.footer_demande_devis h2{
		font-size: 1.5rem !important;
	}
	.bloc_txt_avant .bloc_demande_devis h3{
		font-size: 1.4rem !important;
	}
	.txt_manifeste_apropos{
		text-align: left !important;
	}
}

@media screen and (min-width:380px) and (max-width:414px) {
	#header_accueil_txt h1{
		font-size: 25px;
	}
}

@media screen and (max-width:320px) {
	/*-------------ecran_intro------------------*/
	#header_accueil .background-inner{
		-webkit-background-size: 850px !important;
		background-size: 850px !important;
		background-position: right -255px bottom -55px !important;
	}
	#header_accueil_txt h1{
		font-size: 26px;
	}
	#header_accueil_txt{
		padding: 130px 15px 0px 72px !important;
	}
	#bloc_texte_intro_accueil .fontsize-140841{
		font-size: 11px !important;
		line-height: 0.9rem !important;
	}
	.home .btn_suite {
		bottom: 30px !important;
	}
	.home #bloc_texte_intro_accueil{
		max-width: calc(100% - 110px) !important;
	}
	/*-------------ecran_contact------------------*/
	#bloc_contact .email_contact a, #bloc_contact .tel_contact .fontsize-115463{
		font-size: 25px !important;
	}
	#bloc_contact .txt_contact_delai p{
		font-size: 16px !important;
	}
	/*--------------------footer-----------------*/
	footer .footer-center {
		padding: 30px 50px !important;
	}
	/*--------------------pages-----------------*/
	.page_category-page h2{
		font-size: 23px !important;
	}
	.num_tel span{
		font-size: 1.4rem!important;
	}
	.add_email span{
		font-size: 1.4rem!important;
	}
}

@media screen and (max-width:360px) and (max-height:610px){
	#header_accueil .background-inner{
		-webkit-background-size: 780px !important;
		background-size: 780px !important;
		background-position: right -230px bottom -75px !important;
	}
	.home .btn_suite{
		bottom: 30px !important;
	}
}

@media screen and (max-width:320px) and (max-height:560px){
	/*-------------ecran_intro------------------*/
	#header_accueil_txt h1{
		font-size: 23px;
	}
	#header_accueil_txt{
		padding: 110px 20px 0px 72px !important;
	}
	.main-container .row-container .row-parent #header_accueil_txt .uncont > *:not(:first-child){
		margin-top: 20px; 
	}
	#header_accueil .background-inner{
		-webkit-background-size: 780px !important;
		background-size: 780px !important;
		background-position: right -230px bottom -120px !important;
	}
	#bloc_texte_intro_accueil .fontsize-140841{
		font-size: 12px !important;
		line-height: 0.8rem !important;
	}
}

/*-----------------------------SPECIAL FORMAT PORTRAIT IPHONE X--------------------------*/

@media screen and (max-width:380px) and (min-height:810px){
	/*-------------ecran_intro------------------*/
	#header_accueil .background-inner{
		-webkit-background-size: 1100px !important;
		background-size: 1100px !important;
		background-position: right -320px bottom -30px !important;
	}
}

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

@media screen and (max-height:1024px){
	#bloc_prestations .txt_prestation_home p {
		line-height: 1.5rem !important;
	}
	#bloc_prestations .gros_titre h3 {
		font-size: 30px !important;
	}
}


/*-----------------------------SPECIAL MICROSOFT SURFACE PAYSAGE--------------------------*/

@media screen and (max-width:1368px) and (orientation: landscape) and (max-height:912px){
	/*-------------ecran_intro------------------*/
	#header_accueil_txt h1{
		font-size: 40px;
	}
	/*-------------ecran_apropos------------------*/
	#bloc_apropos .gros_titre h3{
		font-size: 50px;
	}
	#bloc_apropos .divider-wrapper {
		display: none;
	}
	#bloc_apropos .gros_titre{
		width: 40%;
	}
	#bloc_apropos .txt_intro{
		width: 50%;
	}
	/*-------------ecran_prestations------------------*/
	#bloc_prestations .gros_titre .sous_titre{
		margin-top:18px !important;
	}
	#bloc_prestations .gros_titre h3{
		font-size: 50px !important;
	}
	#bloc_prestations .icon_prestation_home .icon-media{
		width: 70px !important;
	}
	#bloc_prestations .icon_prestation_home{
		height: 70px !important;
	}
	#bloc_prestations .ligne_bloc_presta{
		margin-top:18px !important;
	}
	#bloc_prestations .gros_titre{
		max-width: 100% !important;
		display: table-cell !important;
	}
	/*-------------ecran_contact------------------*/
	.home #bloc_contact::after{
		display: none!important;
	}
	#bloc_contact .gros_titre h3{
		font-size: 50px !important;
	}
	#bloc_contact .email_contact a, #bloc_contact .tel_contact .fontsize-115463{
		font-size: 30px !important;
	}
	
}
/*---------------------------------------------------------------------------------*/

/*-----------------------------SPECIAL MICROSOFT SURFACE PORTRAIT--------------------------*/

@media screen and (max-width:912px) and (orientation: portrait) and (min-height:1368px){
	/*-------------ecran_intro------------------*/
	#header_accueil_txt h1{
		font-size: 40px !important;
		display: block;
		width: 100% !important;
	}
	/*-------------ecran_apropos------------------*/
	#bloc_apropos .gros_titre{
		display: block;
		width: 100%;
	}
	#bloc_apropos .gros_titre h3{
		text-align: center;
		display: block;
		width: 100%;
		font-size: 70px !important;
	}
	#bloc_apropos .txt_intro{
		width: 100%;
		display: block;
		text-align: center;
		padding: 5% 20% !important;
	}
	#bloc_apropos .txt_intro .h4{
		text-align: center;
	}
	
}
/*---------------------------------------------------------------------------------*/

/*-----------------------------SPECIAL PAYSAGE MOBILE--------------------------*/

@media screen and (max-height:420px){

	#header_accueil .background-inner{
		background-position: right -500px bottom -75px !important;
	}
	#bloc_apropos .btn_suite, #bloc_portfolio .btn_suite, #bloc_prestations .btn_suite, .home .btn.btn_suite{
		display: none;
	}
	#header_accueil_txt {
		padding: 130px 5px 40px 72px !important;
	}
	#bloc_apropos .txt_intro{
		width: 100%;
	}
	.home #bloc_texte_intro_accueil{
		max-width: 100% !important;
	}
}

@media only screen and (max-width: 520px) {
div#header_accueil {
    margin-top: 0px;
}
	.header-wrapper {
		margin-top: 50px;
	}
		#menu-main-menu > li > a{
		color:#000!important;
	}
}