/*
Theme Name: Technomark
Author: Agence Comete
Author URI: https://www.comete.com/
Description: L'agence de communication Comete est une situee a Lyon, technique et creative - Notre agence 360 propose et realise des supports de communication Web, Print et Video-3D.
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/




@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:100,300,400,500,700&display=swap');
/************************* GLOBAL *************************/
.blanc, .blanc p, .blanc span, .blanc a, .blanc li, .blanc em{
	color:#fff;
}
.majuscule{
	text-transform:uppercase;
}
.forceBlack a, .forceBlack a:hover{
	color:#000000!important;
}
/************************* FIN GLOBAL *************************/
.newsHome .vc_gitem-post-data-source-post_excerpt{ min-height:200px!important;}
.newsHome .vc_gitem-post-data-source-post_title{min-height:100px!important; }

/************************* MENU *************************/
.mega-menu-link{
    font: normal 600 16px / 20px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
}
#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
    background: transparent!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link{
    background: transparent!important;
	color:#fef200;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
	color: #fff !important;
}
.mega-menu-row{
	padding:80px 0!important;
}
.mega-menu-item-text-2{
	padding-bottom:10px!important;
}
.mega-menu-item-text-2 p, .mega-menu-item-text-3 p{
	font: normal 500 20px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
	color:#fef200;
}
.colSolution.colAppli {
	    padding-bottom: 30px;
}
.arguments-produits p:first-child {
	margin: 0 !important;
	padding: 10px !important;
	background: #fef200 !important;
}
.arguments-produits p:last-child {
	background: #fff;
	padding: 10px;
	font-size: 14px;
	/*border: 4px solid #fef200 !important;*/
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	    background: #000000;
}
.mega-sub-menu{
	background: #000 !important;
}

.mega-menu-row#mega-menu-32-0, .mega-menu-row#mega-menu-33-0{
	padding-bottom:0!important;
}
.sousRowMegaMenu.mega-menu-row{
	padding:0!important;
}
.mega-menu-item-media_image-2{
	padding-top:0!important;
}
#mega-menu-item-32 #mega-menu-32-0-2 .mega-sub-menu, #mega-menu-item-32 #mega-menu-32-0-2{
	display:flex!important;
}
/*#mega-menu-item-32 #mega-menu-32-0-2 .mega-sub-menu li{
	margin:auto!important;
}*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    padding: 0px 10px!important;
    margin-top: -10px!important;
}
.mega-sub-menu li  a{
	text-transform:inherit!important;
}
.mega-sub-menu li li li a{
	font: normal 500 20px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
	color:#fef200!important; 
	padding-bottom: 40px!important;
}
.mega-sub-menu li li li li a{
	padding-bottom: 10px!important;
}
.mega-sub-menu li li li.blanc a{
	font: normal 500 18px / 22px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
	color:#fff!important;
}


.mega-sub-menu li.sousRowMegaMenu li li.blanc a{
	font: normal 500 16px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
	color:#fff!important;
}
.mega-sub-menu li.sousRowMegaMenu li li.blanc a:hover{
	color:#fef200!important;
}
.mega-sub-menu li li li li a{
	font: normal 400 16px / 20px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
	color:#fff!important;

}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
	color: #fef200!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column#mega-menu-31-0-5 > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
   color: #fef200!important; 
}
.proSpaceBt{
padding-left: 10px;
}
.proSpaceBt:before{
	content: ' ';
    position: absolute;
    top: 10px;
    display: block;
    width: 100%;
    height: 26px;
    background: url(/wp-content/uploads/2020/03/technomark-picto-espace-pro.png);
    background-repeat: no-repeat;
    left: 15px;
}
.branding{
	margin-top:-50px;
}
.mobile-branding{
    width: 80%;
    padding: 20px 0;
}
#mega-menu-item-537 a,
#mega-menu-item-538 a {
	padding-bottom: 0 !important;																			
} 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.sousRowMegaMenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, .sousRowMegaMenu .mega-sub-menu li li li.blanc a{
	font-size: 14px!important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{
	color:#fef200!important;
}


.jauneMenu > a:hover{
	color:#ffffff!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	padding:20px;
	/*margin-top:45px;*/
	backface:purple!important;
	background: rgba(0, 0, 0, 0.9);
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item{
	margin-bottom: 10px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link ,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus{
	background: none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	color:#ffffff;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{
	color:#fef200;
}
/************************* FIN MENU *************************/

/************************* zone top CTA *************************/

div.zoneTopEn{
	right:-108px !important;
}
div.zoneTopES{
	right:-120px !important; 
}
div.zoneTopES .ctaFaq:hover{
	left: -115px !important;
}

div.zoneTopEn div:hover{
	left:-108px !important;
}
div.zoneTopES div:hover{
	left:-108px !important;
}

div.zoneTopIt{
	right:-70px !important;
}

div.zoneTopIt div:hover{
	left:-70px !important;
}

div.zonetop{
	z-index:999;
	right: -80px;
}

.zonetop {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 9999999;
	
}
.zonetop img {
	    vertical-align: middle;
	width: 40px;
	height: auto;
}
.zonetop .ctaRecherche {
	background: #000000;
	padding: 10px;
/*	margin-bottom: 20px;
*/}
.zonetop .ctaRecherche span,
.zonetop .ctaFaq span,
.zonetop .ctaContact  span{
	vertical-align: middle;
    display: inline-block;
	color: #ffffff;
	padding-left: 15px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
}
.zonetop .ctaFaq {
	background: #000000;
    padding: 10px;
	/*margin-bottom: 20px;*/
}
.zonetop .ctaContact {
	background: #000000;
    padding: 10px;
/*	margin-bottom: 20px;
*/}

.ctaRecherche:hover, .ctaFaq:hover, .ctaContact:hover {
    transition: all 0.5s ease;
    left: -80px;
	background:#fef200;
	color: #000000;
}
.ctaRecherche:hover span, .ctaFaq:hover span, .ctaContact:hover span{
	color: #000000;
}
.ctaRecherche:hover img, .ctaFaq:hover img, .ctaContact:hover img {
	filter: brightness(0);
}
.ctaRecherche, .ctaFaq, .ctaContact {
    position: relative;
    left: 0;
    transition: all 0.5s ease;
	-webkit-box-shadow: -9px 10px 5px 0px rgba(0,0,0,0.08);
-moz-box-shadow: -9px 10px 5px 0px rgba(0,0,0,0.08);
box-shadow: -9px 10px 5px 0px rgba(0,0,0,0.08);
}

/************ recherche *************/
.display-result table,
.display-result thead,
.display-result tbody,
.display-result tr{
	width: 100%;
}
.display-result table {
	width: 100%;
    overflow-x: auto;
	display: block;
}

.display-result table th {
	background-color: #000;
	font: normal 400 20px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
}
.display-result table .produit-img {
	padding: 10px;
}

.display-result table td,
.display-result table th {
	border: 1px solid #efeeee !important;
	padding: 25px 40px !important;
}
.display-result table td a {
	font: normal 400 16px / 22px "Poppins", Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	text-decoration: none;
}

.display-result table td a:hover {
	color: darkgray;
}
.display-result table td:hover {
    background-color: #efeeee;
}
.display-result table td .technologie-img {
	width: 45px;
    margin-right: 15px;
    vertical-align: middle;
}
.display-result {
	margin-top: 50px;
}
#form-recherche,
#form-recherche-with-button {
	margin-top: 40px;
}
#form-recherche-with-button .select {
	min-height: 100px;
    float: left !important;
    display: inline-block !important;
    width: calc(20% - 30px) !important;
    padding: 15px !important;
}
#form-recherche .select {
    float: left !important;
    display: inline-block !important;
    width: calc(20% - 10px) !important;
    padding: 5px !important;
}


#form-recherche-with-button select,
#form-recherche select {
    font-size: 13px;
    display: block;
    width: 100%;
    height: 68px;
    border-width: 0px;
    border-color: #efeeee !important;
    color: #000000;
    background-color: #efeeee !important;
    padding: 22px 40px 22px 22px;
    background-image: url(/wp-content/uploads/2020/02/fleche-toggle-filtre.png) !important;
    background-repeat: no-repeat !important;
    background-position: 95% 55% !important;
} 
#boxzilla-box-1058-content #form-recherche-with-button .select.form-recherche-btn {
	 text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
}
#form-recherche-with-button .select .btn-recherche {
	margin-top: 34px;
    height: 68px;

    width: calc(100%) !important;
    padding: 14px 60px 14px 41px;
    color: #000;
    text-transform: uppercase;
    font-family: 'Roboto Mono', monospace;

    font-weight: 700;
    font-size: 18px;
    text-align: left;
	border: 1px solid #fef200;

    background-image: url(/wp-content/uploads/2020/03/technomark-picto-noir-cta-loupe.png)!important;
    background-repeat: no-repeat!important;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-position: 85% 60%!important;
    background-size: 40px 40px;
}
#form-recherche-with-button .select .btn-recherche:hover {

    width: calc(100%) !important;
	    border: 1px solid #ffffff;
    padding: 14px 60px 14px 41px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto Mono';
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    background-color: #000 !important;
    background-image: url(/wp-content/uploads/2020/03/technomark-picto-blanc-cta-loupe-1.png)!important;
    background-repeat: no-repeat!important;
    background-position: 85% 60%!important;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: 40px 40px !important;
}

/************************* FIN zone top CTA *************************/


/************************* BOUTTON *************************/
.ubtn .ubtn-text{
	text-transform: uppercase;
	padding-right:40px;
}
body button.ubtn-normal {
    padding: 19px 30px;
}
.btnLoupe .ubtn-data.ubtn-icon{
	transform: rotate(-90deg);
	top: 17px;
}
.btnLoupe:hover .ubtn-data.ubtn-icon i{
	color:#fef200!important;
}
.dt-btn span{
    text-transform: uppercase;
	font-family: 'Roboto Mono';
    font-weight: 700;
	font-size: 18px;
}
.dt-btn i{
	font-size: 27px!important;
}
.dt-btn{
	background:#000;
	margin-bottom: 15px;
}
.dt-btn{
	background:#000;
	border-width: 2px!important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.dt-btn:hover{
	border:1px solid #000!important;
	border-width: 2px!important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.dt-btn:hover span, .dt-btn:hover i{
	color:#000!important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style), .mec-event-footer .mec-booking-button, .give-btn.give-btn-reveal{
	background-color:#000;
	padding: 23px 25px;
}
.dt-btn{
	border-radius:0px;
}

.dt-btn.btnJaune:hover span, .dt-btn.btnJaune:hover i {
    color: #fef200!important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.dt-btn.btnJaune:hover {
    border: 1px solid #fef200!important;
    border-width: 2px!important;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
/************************* FIN BOUTTON *************************/








/************************* TEXTE *************************/

.p24{
	font-size:24px!important;
	line-height:32px!important;
}
.p18{
	font: normal 500 18px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    text-transform: none;
	line-height:24px!important;
}
h2 .p18{
	font: normal 500 18px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    text-transform: none;
	line-height:24px!important;
}
.pTitre3{
    font: normal 500 30px / 38px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
.pTitre2{
    font: normal 500 40px / 45px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
.pTitre1{
 font: normal 500 90px / 100px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
} 
.p60{
    font: normal 500 60px / 65px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
.pAccroche{
    font-family: 'Roboto Mono', monospace;
	font-weight: 500;
	font-size:15px;
	text-transform:uppercase;
}
.pBlanc{
    color:#fff!important;
}
.h2Texte{
	font: normal 500 18px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    text-transform: none;
    line-height: normal!important;
}
.h3Texte{
	font: normal 18px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    word-spacing: normal!important;
}
.txtMaj{
	font-size: 16px;
	line-height: 20px;
	text-transform:uppercase!important;
}

/************************* FIN TEXTE *************************/



/************************* SLIDE *************************/

 .slick-slide {
	 margin: 0 !important;
 }

.slideHomeVertRight.ult-carousel-wrapper.ult_vertical ul.slick-dots {
    z-index: 99!important;
    bottom: auto!important;
    left: 20px!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
}  

.slideHomeVertRight .slick-dots li {
     display: block !important;
} 
.slick-active i{
	color:#fef200!important;
}
.txtSlideHome{
	font-family: 'Roboto Mono';
	font-weight: 400;
	font-size:15px;
	    position: absolute;
    bottom: 0;
    right: 0;
    background: #fef200;
    padding: 10px 25px;
}
.slideHomeVertLeft.ult-carousel-wrapper.ult_vertical ul.slick-dots {
    z-index: 99!important;
    bottom: auto!important;
    right: 20px!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
	left: auto;
    width: 20px;
}  

.slideHomeVertLeft .slick-dots li {
     display: block !important;
} 
/************************* FIN SLIDE *************************/








/************************* TOP MENU *************************/
.top-bar p, .top-bar a, .top-bar span{
	color:#fff;
	font: normal 400 14px / 18px "Poppins", Helvetica, Arial, Verdana, sans-serif;
}
.top-bar .soc-ico{
	margin-left:0;
}
.top-bar .text-area .first{
	margin-right: 5px;
}
.text-area.last{
	height: 100%;
    padding: 0 50px;
    background: #fef200;
	display: flex;
}
.text-area.last a{
	color:#000!important;
	text-decoration:none!important;
}
.text-area.last p{
	margin:auto;
}
.ult-video iframe, .ult-video{
	max-height:620px;
}
.home .btn-align-right {
	text-align: left; 
}

.home .btnhomeDe{
	text-align:center !important;
}
/************************* FIN TOP MENU *************************/

/************************* HOME *************************/
.colVideoHome{
	position:absolute!important;
	z-index:99;
	left: 0;
    top: 0;
}
.innovationHome{
	text-transform:uppercase;
	padding-bottom: 50px;
    width: 33.33333%;
    float: left;
}

.home h1{
	font-size:24px!important;
	line-height:32px!important;
}
.vc_grid-filter.vc_grid-filter-default>.vc_grid-filter-item {
        margin: 0 5px 5px 0;
    border-radius: 0;
    padding: 5px 15px !important;
}
.colHoverJaune:hover .vc_column-inner{
	background-color:#fef200!important;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.colHoverJaune:hover .vc_column-inner{
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.colHoverJaune a{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:999;
}

/************************* FIN HOME *************************/

/************************* pop up *************************/




.boxzilla{
	width:100%;
	max-height: 100vh;
    overflow-y: hidden !important;
    padding: 0 !important;
}
.boxzilla-content {
    max-width: 1600px;
    margin: 0 auto;
    padding: 200px 50px;
}

.boxzilla-container .boxzilla-close-icon {
    position: absolute;
    right: 50%!important;
	transform: translateX(50%);
    top: 10%!important;
    text-align: center;
    padding: 6px;
    cursor: pointer;
    -webkit-appearance: none;
    font-size: 50px!important;
    font-weight: 700;
    line-height: 20px;
	color: #000000!important;
    opacity: .5;
	width:50px;
	height:50px;
}
.boxzilla-container .boxzilla-close-icon:before {
	content: ' ';
    position: absolute;
    opacity: 1!important;
    top: 20%;
    display: block;
    width: 50px;
    height: 50px;
    color: #ffffff;
    /* font: normal 300 50px / 30px "Poppins", Helvetica, Arial, Verdana, sans-serif; */
    background: url(/wp-content/uploads/2020/03/technomark-bouton-close.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/************************* FIN pop up *************************/


/************************* NEWS *****************************/
.vc_gitem-post-category-name{
	font-family: 'Roboto Mono';
	font-weight: 500;
	font-size:15px;
	text-transform:uppercase;
}
.newsHome{
	padding:60px 40px 0 40px!important;
	background:#fff;
}

.newsHome.applicationsgrid{
	padding:8px 10px!important;
	/*min-height: 70px;*/
}

.newsHome.applicationsgrid .vc_custom_heading{
	margin-bottom: 8px!important;
	margin-top: 8px;
	padding-right:80px;
}
.page.page-id-20 .newsHome  {
	/*min-height: 550px;*/
    height: 100%;
}
.newsHome .vc_gitem-post-data-source-post_title{
	font: normal 500 24px / 30px "Poppins", Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 0!important;
}
.newsHome .vc_gitem-post-data-source-post_title h3{
	margin-bottom: 0!important;
	font-size: 17px;
	line-height: normal;
}
.vc_gitem-post-data-source-post_excerpt p{
	font: normal 400 15px / 19px "Poppins", Helvetica, Arial, Verdana, sans-serif;
	color:#999999;
	padding: 25px 0 80px 0;
    min-height: 120px;
}
.newsHome.applicationsgrid .vc_btn3-right a{
	background-color: #fef200!important;
	color:#000;
	font-size:0px;
	height:100%;
	border:2px solid #fef200!important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.newsHome .vc_btn3-right a{
	background-color: #fef200!important;
	color:#000;
	font-size:0px;
	height:70px;
	border:2px solid #fef200!important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.newsHome .vc_btn3-right a:hover{
	background-color: #fff!important;
	color:#fef200!important;
	font-size:0px;
	height:70px;
	border:2px solid #fef200!important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.newsHome.applicationsgrid .vc_btn3-right a:hover{
	
	height:100%;
	
}
.newsHome .vc_btn3-right a:hover i{
	color:#000!important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.newsHome .vc_btn3-right{

	position: absolute;
    bottom: 0;
    right: 2px;
    margin-bottom: 0;
	width:70px;
	max-height:70px;
}

.newsHome.applicationsgrid .vc_btn3-right{
	max-height:100%;
	
	height:100%;
}
.categHome{
	text-align:left!important;
	color:#a0a0a0;
}
.vc_grid-item .vc_btn3 i{
	font-size: 28px!important;
}
.page .page-news .vc_grid-item .vc_gitem-col {
	background: rgb(239, 238, 238);
}
.page .page-news .wpb_animate_when_almost_visible {
	opacity: 1 !important;
}
/************************* FIN NEWS *************************/


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


#bb-footer-inside-footer-technomark{
	max-width:1600px!important;
}
#bb-footer-container-footer-technomark{
	margin-top:-10px;
}
#bb-footer-inside-footer-technomark p, #bb-footer-inside-footer-technomark a, #bb-footer-inside-footer-technomark strong, #bb-footer-inside-footer-technomark b, #bb-footer-inside-footer-technomark li, #bb-footer-inside-footer-technomark span{
	color:#fff;
}
#bb-footer-inside-footer-technomark ul{
	text-align: center;;
}
#bb-footer-inside-footer-technomark li{
	display:inline-block;
	border-top: 1px solid rgba(0,0,0,0.0)!important;
	padding: 10px;
}
.bg-under-widget .sidebar-content .widget, .solid-bg.sidebar-content .widget {
    background: transparent none repeat center center;
}
.sidebar .widget, .sidebar-content .widget {
    border-top: 1px solid rgba(0,0,0,0.0)!important;
}
#bb-footer-inside-footer-technomark a{
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
}
#bb-footer-inside-footer-technomark .soc-ico.custom-bg a:before{
    background-color: #fef200;
}
#bb-footer-inside-footer-technomark .mini-widgets .soc-ico a:before{
    width: 26px;
    height: 26px;
}
#bb-footer-inside-footer-technomark .soc-ico.hover-custom-bg a:after, #bb-footer-inside-footer-technomark .soc-ico.hover-custom-bg a:after{
    background-color: rgba(255,238,0,0.7);
    background-image: none;
}
#bb-footer-inside-footer-technomark .soc-ico .soc-font-icon
{
	color: #000000 !important;
    background: none !important;
	font-size: 16px;
    line-height: 26px;
	position: relative;
    z-index: 1;
}
.footerCol1{
	font-size:15px;
}
/************************* FIN FOOTER *************************/




/************************* PAGE FROID *************************/
.ariane{
	position:absolute!important;
	z-index:99;
	padding: 5px;
}
.ariane .dt-breadcrumbs-shortcode{
	position: absolute;
    top: 5px;
}
/************************* FIN PAGE FROID *************************/


/************************* PAGE PRODUIT *************************/
.imageProduit:after{
	content:' ';
	position:absolute;
	bottom: -1px;
	display:block;
	width:100%;
	height:217px;
	background: url('/wp-content/uploads/2020/02/technomark-degrade-produit-1.png');
}

.imageProduit {
    max-height: 550px;
}



.imageProduit .wpb_wrapper.vc_figure, .imageProduit .vc_single_image-wrapper, .imageProduit  .wpb_single_image img{
	width: 100%;
}

.wpb_accordion_section{
	padding: 20px;
    border: 1px solid #000;
	margin: 5px 0;
}
.wpb_accordion_section h3 span{
	font: normal 500 24px / 28px "Poppins", Helvetica, Arial, Verdana, sans-serif;
	text-transform:uppercase;
}
.wpb_accordion_section h3{
	padding: 0 60px;
}
.wpb_accordion_section h3 a:before, .wpb_accordion_section h3 a:after{
	display:none;
}
.titreToggle.blacktoggle{
	background: #000000;
    color: #ffffff;
}


.titreToggle:hover {
	cursor: pointer;
}
.titreToggle p{
	padding-left: 40px;
}
.titreToggle p:before{
	content:' ';
	position:absolute;
	left: 10px;
    top: 32px;
	display:block;
	width:32px;
	height:32px;
	background: url('/wp-content/uploads/2020/02/technomark-picto-toggle.png');
	background-repeat:no-repeat;
}
.titreToggle.blacktoggle p:before{
	background: url('/wp-content/uploads/2020/03/technomark-picto-toggle-yellow.png');
	background-repeat:no-repeat;
}

.wpb_accordion_section h3:before{
	content:' ';
	position:absolute;
	left: 0px;
    top: 4px;
	display:block;
	width:39px;
	height:19px;
	background: url('/wp-content/uploads/2020/02/technomark-picto-toggle.png');
	background-repeat:no-repeat;
}

.titreToggle p:after{
	content:' ';
	position:absolute;
	display:block;
    right: 25px;
    top: 0px;
    width: 30px;
    height: 39px;
	background: url('/wp-content/uploads/2020/02/technomark-picto-plus.png');
	background-repeat:no-repeat;
}
/*.titreToggle.blacktoggle p:after{
	background: url('/wp-content/uploads/2020/02/technomark-picto-plus-yellow.png');
	background-repeat:no-repeat;

}*/

.titreToggle.toggleOpen p:before{
	content:' ';
	position:absolute;
	display:block;
    left: 10px;
    top: 32px;
    width: 32px;
    height: 32px;
	background: url('/wp-content/uploads/2020/02/picto-toggle-moins-technomark.png');
	background-repeat:no-repeat;
}
.titreToggle.toggleOpen.blacktoggle p:before{
	background: url('/wp-content/uploads/2020/02/picto-toggle-moins-technomark-yellow.png');
	background-repeat:no-repeat;
}
.wpb_accordion_section h3:after{
	content:' ';
	position:absolute;
	display:block;
    right: 25px;
    top: -2px;
    width: 30px;
    height: 39px;
	background: url('/wp-content/uploads/2020/02/technomark-picto-plus.png');
	background-repeat:no-repeat;
}
.bloc1{
	position: absolute!important;
    top: 0%;
	width:100%;
}
.bloc2{
	position: absolute !important;
    top: 55%;
	width:100%;
}

.bloc3 {
    position: absolute!important;
    top: 40%;
    width: 100%;
}

.bloc4{
	position: absolute !important;
    top: 15%;
	width:100%;
}

.textToggle{
    display:none;
	padding-bottom: 35px!important;
	background-color: #efeeee !important;
}

.textToggle > .vc_column-inner > .vc_column-inner{
	padding-top: 5px!important;
	
}
body .accessoires-img {
	max-width: 130px;
	margin:auto!important;
}
.accessoires{
	margin-bottom:5px!important;
}
.accessoires figure{
	background: #ffffff;
}

.accessoires.wpb_single_image .vc_figure-caption{
	margin: 1em;
    font-size: 12px;
    line-height: initial;
	text-align: left!important;
}
.accessoires.wpb_single_image {
	max-width: 150px;
	margin:auto!important;
}

/************************* FIN PAGE PRODUIT *************************/

/************************* PAGE SOLUTION *************************/

.colSolution .vc_custom_heading p{
	padding: 25px 0 25px 0;
}
.colSolution img{
	max-height:100%;
	visibility: inherit;
	background:#f5f5f5;
}
.colSolution .vc_gitem-zone{
	background-size: contain;
}

/*
.colNosSolutions .btn-align-center a span{
	position: relative;
	top: -4px;
}
*/

.fixBtn{
		position: relative;
		top: -4px;
	}


@media screen and (max-width:780px){
	.fixBtn{
	/*	position: relative;*/
		top: auto;
	}
}
/************************* FIN PAGE SOLUTION *************************/


/************************* PAGE APPLICATIONS *************************/
@media screen and (max-width: 758px){
	.page-id-6570 .smallShort #form-recherche-with-button .select {
		width: 100% !important;
		padding-left: 0px!important;
	}
}

a.btToggleFiltre{
	text-align: left!important;
}

.dt-btn.btToggleFiltre span {
    text-transform: none;
   font: normal 18px / 28px "Poppins", Helvetica, Arial, Verdana, sans-serif;

}
a.btToggleFiltre span:after {
   	content:' ';
	position:absolute;
	display:block;
    right: 0px;
    top: 45%;
    width: 30px;
    height: 30px;
	background: url('/wp-content/uploads/2020/02/fleche-toggle-filtre.png');
	background-repeat:no-repeat;
}

.btn-applications{
	top: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.linkApp{
	margin-bottom: 0 !important;
}

@media screen and (max-width:1000px){
	.btn-applications{
		top: 99%;
	}
}

@media screen and (max-width:768px){
	.btn-applications{
		position: relative;
		left: auto;
		transform: none;
	}
}

/************************* Breadcrumb *************************/
#breadcrumbs{
	background-color: rgba(0,0,0,0.71) !important;
    position: absolute;
    top: 0;
    z-index: 9;
    width: 150vw;
    padding-left: 50vw;
	padding-right: 50vw;
    margin-left: -50vw;
    padding-bottom: 10px;
    padding-top: 7px;
}
#breadcrumbs a, #breadcrumbs span{
	color:#fff;
	font: normal 15px / 18px "Poppins", Helvetica, Arial, Verdana, sans-serif;
	text-decoration:none;
}
/************************* FIN Breadcrumb *************************/


/************************** ARTICLES ***********************/
.single .content.simpleNews .post-thumbnail{
	display: none;
}



.single .content.simpleNews .entry-content .uvc-main-heading h1{
	font-size: 40px;
    line-height: 50px;
    margin-bottom: 4%;
}

.single .simpleNews article .entry-content{
	margin-top:80px!important;
}

.simpleNews #comments{
	display:none!important;
}

/************************* SINGLE POST *************************/
.imgSinglePOst{
	max-height:305px;
	max-width:100%;
}

.customSinglePost, .sousZoneTItre{
 	background-color:#fef200;
}
.colImgPost{
	background: #fff;
    text-align: center;
}
.customSinglePost h1{
    padding: 0 50px;
    font-size: 40px;
    line-height: 44px;
}

/*fef200*/
/************************* FIN SINGLE POST *************************/




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


.logoFooter img{
	width:80%;
}

.adresseFoot{
	line-height: 35px;
}

.socialPictoFooter .soc-ico a:after, .socialPictoFooter .soc-ico a:before {
    width: 40px;
    height: 40px;
}

.socialPictoFooter .soc-ico a {
    width: 40px;
    height: 40px;
   
}
#bb-footer-inside-footer-technomark .socialPictoFooter .soc-ico .soc-font-icon {
    font-size: 24px;
    
}
.menuColFoot {
    padding-top: 20px;
}
#bb-footer-inside-footer-technomark .menuColFoot li {
    display: block;
	line-height: normal;
    text-align: left;
	border-top: none;
	margin:0;
	padding:0;
}
#bb-footer-inside-footer-technomark .menuColFoot li.menuMargin {
    margin-top:35px;
}
#bb-footer-inside-footer-technomark .menuColFoot li a{
	font: normal 500 16px / 26px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
	cursor: pointer!important;
}

.menuColFoot .menu li ul.sub-menu {
    margin-left: 0px;
}

#bb-footer-inside-footer-technomark .menuColFoot li ul.sub-menu li {
    padding: 0px;
}

#bb-footer-inside-footer-technomark .menuColFoot li ul.sub-menu li a {
    font-size: 14px;
    text-transform: none;
	font: normal 400 14px / 28px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
	cursor: pointer!important;

}

/************************* FIN Footer *************************/


/************************* FORMULAIRE DE CONTACT *****************************/

		.formCol{margin-bottom:20px;}
		.formCol-1{width: 100%;display: inline-block;}
		.formCol-1-2{width: 48%; display: inline-block; float: left; margin-right: 4%;}
		.formCol-1-2-last{width: 48%;display: inline-block;}
		.formCol-1-2-cp{width: 25%; display: inline-block; float: left; margin-right: 4%;}
		.formCol-1-2-ville{width: 71%;display: inline-block;}
		.formCol-1-3-second{width: 35%; display: inline-block; float: left; margin-right: 4%;}
		.formCol-1-3-last{width: 34%; display: inline-block;}


input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    -webkit-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -border-radius: 4px;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #ccc;
}
input[type="checkbox"]:checked {
  background: #ffffff;
  margin:0px;
  position: relative;
}
input[type="checkbox"]:checked:before {
    font-family: FontAwesome;
    content: '\f00c';
    display: block;
    color: black;
    font-size: 18px;
    position: absolute;
  }

#formulaire-tmk-2020 span.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}

#formulaire-tmk-2020 .blockform span.wpcf7-list-item {
    min-width:20%;
}

#formulaire-tmk-2020 span.wpcf7-list-item-label {
    margin-right: 20px;
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}
#formulaire-tmk-2020 .wpcf7-form input[type="submit"] {
    text-transform: uppercase!important;
    font-family: 'Roboto Mono'!important;
    font-weight: 700!important;
    font-size: 18px!important;
	transition: all 500ms ease;
}
#formulaire-tmk-2020 input.wpcf7-form-control.wpcf7-submit {
    border-color: #000000 !important;
    background: #000000 !important;
    padding: 12px 18px 12px 18px;
    min-height: auto;
    line-height: 28px;
	transition: all 500ms ease;
}

#formulaire-tmk-2020 input.wpcf7-form-control.wpcf7-submit:hover {
    border-color: #fef200 !important;
    background: #fef200 !important;
    padding: 12px 18px 12px 18px;
    min-height: auto;
    line-height: 28px;
}
#formulaire-tmk-2020 .wpcf7-form input[type="submit"]:hover {
   color:#000000;
}
.blockform {
    background: #fef200;
    padding: 20px;
	box-sizing: border-box;
}
.lh45{
	display:block!important;
}
.lh45:not(.rubrique){
	text-decoration:underline;
}
label.rubrique {
    text-transform: uppercase;
    font-weight: 700;
    
}

#footer {
        padding-top: 40px;
}
#footer .soc-ico a {
    background: #fef200;
}
#footer .soc-ico .soc-font-icon:before {
    font-size: 26px;
}
#footer .soc-ico a .soc-font-icon {
   font-size: 0; 
}
#footer .soc-ico .soc-font-icon {
    color: #000;
}
#footer ul.menu>li {
    margin-bottom: 35px;
    padding: 0;
    border: 0;
    margin-top: 0;
}
#footer ul.menu>li>a {
    font: normal 500 16px / 26px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    text-transform: uppercase;
    text-decoration: none;
}
#footer ul.menu>li>ul.sub-menu {
    margin-left: 0px;
}
#footer ul.menu>li>ul.sub-menu>li {
    border: 0;
    margin: 0;
    padding: 0;
}
#footer ul.menu>li>ul.sub-menu>li>a {
    font: normal 400 14px / 28px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    text-decoration: none;
}
#footer #menu-item-1020,
#footer #menu-item-4872 {
    margin-bottom: 0;
}
#footer .textwidget p {
    font-size: 15px;
}
.wf-container-bottom {
    border: 0;
}
#bottom-bar ul.menu>li {
    display: inline-block;
    border-top: 1px solid rgba(0,0,0,0.0)!important;
    padding: 10px;
}
#footer .suivez-nous {
    margin-bottom: 0;
	font-size: 18px;
	line-height: 24px;
}
#text-4 {
    margin-bottom: 0;
}

/*Video youtube materiaux*/
.youtube_player{
	height: auto !important;
}

/************************* Responsive *************************/
@media screen and (max-width: 1650px){
	#form-recherche-with-button .select {
		width: calc(25% - 30px) !important;
	}
	#boxzilla-box-1058-content #form-recherche-with-button .select.form-recherche-btn {
		position: relative;
		left: inherit;
		top: inherit;
		transform: none;
	}
	#form-recherche-with-button .select .btn-recherche {
		margin-top: 0;
	}
}

/*
@media screen and (min-width:778px) and (max-width:1500px){
	.mobile-mini-widgets-in-menu div:last-child{
		display: none !important;
	}
}
*/

@media screen and (max-width: 1500px){
	.text-area.last{
		background: none;
		display: none;
	}
	.proSpaceBt {
		padding: 10px 20px!important;
		background: #fef200!important;
		color: #000000!important;
		text-decoration: none;
	}
	.proSpaceBt:before {
/*
		content: ' ';
		top: -5px;
		left: 10px;
*/
		display: none;
	}
	.dt-mobile-header .mobile-mini-widgets-in-menu>* {
    	margin: 5px 20px 20px 0;
	}
	.dt-mobile-header .text-area {
    	color: #ffffff;
	}
		h1, .h1-size, .entry-title.h1-size, .dt-accordion-h1-size .wpb_accordion_header > a {
    color: #000000;
    font: normal 500 40px / 50px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
			line-height: 50px!important;
	}
	
}
@media screen and (max-width: 1350px){
	#form-recherche .select {
		width: calc(50% - 10px) !important;
	}
	#form-recherche-with-button .select {
		width: calc(50% - 10px) !important;
	}
}
@media screen and (max-width: 1224px){

	.formCol-1-2, .formCol-1-2-last, .formCol-1-2-cp, .formCol-1-2-ville, .formCol-1-3-second, .formCol-1-3-last{
		width: 100%;
		display: inline-block;
	}
}
@media screen and (max-width: 1200px){
	
	h1, .h1-size, .entry-title.h1-size, .dt-accordion-h1-size .wpb_accordion_header > a {
      color: #000000;
      font: normal 500 40px / 50px "Poppins", Helvetica, Arial, Verdana, sans-serif;
      text-transform: none;
	}
	.vc_col-sm-3.colAppli {
    	width: 50%;
	}
	
	
}

@media screen and (max-width: 991px){
	.innovationHome{
		width: 50%;
	}
	#footer ul.menu>li {
		margin-bottom: 0px!important;
	}
	.footer .widget {
		margin-bottom: 0px!important;
	}
	#bottom-bar ul.menu>li {
		padding: 4px 10px 4px 0px!important;
	}
	#menu-menu-footer-mentions{
		text-align: left!important;
	}
	.innovationHomeResponsive{
		width: 49%;
		display: inline-block;
	}
    #form-recherche-with-button .select {
        width: calc(50% - 10px) !important;
    }
    .display-result {
        margin-left: 15px;
        margin-right: 15px;
    }
    #form-recherche, #form-recherche-with-button {
        margin-left: 0;
        margin-right: 0;
    }
    #form-recherche .select {
        width: calc(50% - 10px) !important;
    }
}
@media screen and (max-width: 778px){
	/************************* TEXTE *************************/
.innovationHome{
		width: 50%;
	}
.p24{
	font-size:24px!important;
	line-height:32px!important;
}
.p18{
	font: normal 500 18px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    text-transform: none;
	line-height:24px!important;
}
h2 .p18{
	font: normal 500 18px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    text-transform: none;
	line-height:24px!important;
}
body .pTitre3{
    font: normal 500 25px / 33px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
body .pTitre2{
    font: normal 500 30px / 35px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
body .pTitre1{
 font: normal 500 60px / 70px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
} 
body .p60{
    font: normal 500 40px / 45px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
body .pAccroche{
    font-family: 'Roboto Mono', monospace;
	font-weight: 500;
	font-size:14px;
	text-transform:uppercase;
}
.pBlanc{
    color:#fff!important;
}
.h2Tex none .line-heightte{
	font: normal 500 18px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    text-transform:: normal!important;
}
.h3Texte{
	font: normal 18px / 24px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    word-spacing: normal!important;
}
.txtMaj{
	font-size: 16px;
	line-height: 20px;
	text-transform:uppercase!important;
}

/************************* FIN TEXTE *************************/
	.vc_row-fluid{
		padding: 0 30px;
	}
	body .colVideoHome {
    	position: relative!important;
    	z-index: 99;
    	left: 0;
    	top: 0;
	}
    #form-recherche-with-button .select {
        width: calc(100% - 30px) !important;
    }
    .display-result {
        margin-left: 15px;
        margin-right: 15px;
    }
    #form-recherche .select {
        width: calc(100%) !important;
    }
     #form-recherche, #form-recherche-with-button {
        margin-left: 0;
        margin-right: 0;
    }
	#main {
		padding: 0!important;
	}
	.dt-btn span {
    	font-size: 13px;
	}
	.dt-btn.btBigResponsive span {
    	font-size: 18px;
	}
	h2, .h2-size, .entry-title.h2-size, h1.entry-title, .dt-accordion-h2-size .wpb_accordion_header > a, .pTitre2 {
      	font: normal 500 30px / 40px "Poppins", Helvetica, Arial, Verdana, sans-serif;
	}
	h3, .h3-size, .entry-title.h3-size, h2.entry-title, .dt-accordion-h3-size .wpb_accordion_header > a, .pTitre3{
    	font: normal 500 20px / 30px "Poppins", Helvetica, Arial, Verdana, sans-serif;
	}
	.bloc1, .bloc2, .bloc3, .bloc4{
		position: relative!important;
    	top: auto;
	}
	
	.titrepointsforts .vc_column-inner{
		padding-top:0!important;
		padding-bottom: 0!important;
	}
	.vc_row.mytechnomark{
		padding-top:30px!important;
		padding-bottom: 30px!important;
	}
	p{
		line-height: normal;
	}
	
	.vc_col-sm-3.colAppli {
    	width: 50%;
	}
	.footerCol1, .footerCol1 .wpb_single_image.vc_align_left {
		text-align: center!important;
	}
	#bb-footer-inside-footer-technomark .vc_row{
		margin-right: 0!important;
		margin-left: 0!important;
		left: 0!important;
	}
	.page-template-template-usage .uvc-heading .uvc-main-heading h1{
		padding:20px;
	}
	
}


@media screen and (max-width: 500px){
	/************************* TEXTE *************************/

.p24{
	font-size:24px!important;
	line-height:32px!important;
}
.p18{
	font: normal 500 15px / 21px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    text-transform: none;
	line-height:24px!important;
}
h2 .p18{
	font: normal 500 15px / 21px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    text-transform: none;
	line-height:24px!important;
}
body .pTitre3{
    font: normal 500 18px / 26px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
body .pTitre2{
    font: normal 500 24px / 29px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
body .pTitre1{
 font: normal 500 40px / 50px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
} 
body .p60{
    font: normal 500 20px / 25px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
body .pAccroche{
    font-family: 'Roboto Mono', monospace;
	font-weight: 500;
	font-size:12px;
	text-transform:uppercase;
}
.pBlanc{
    color:#fff!important;
}
.h2Tex none .line-heightte{
	font: normal 500 16px / 22px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    text-transform:: normal!important;
}
.h3Texte{
	font: normal 16px / 22px "Poppins", Helvetica, Arial, Verdana, sans-serif!important;
    word-spacing: normal!important;
}
.txtMaj{
	font-size: 14px;
	line-height: 20px;
	text-transform:uppercase!important;
}
.txtMobile span{
	font-size:20px!important;
}
html body .vc_custom_1589896728972{
	padding-right: 20px!important;
    margin-left: 1%!important;
    margin-right: 1%!important;
    padding-left: 20px!important;
}
.zonetop{
	display:none;
}

/************************* FIN TEXTE *************************/
}
	@media screen and (max-width: 758px){
		body .colNewsletter{
			padding-bottom: 40px!important;
		}
		.colNewsletter.colNewsletterHeight{
			padding:0!important;
			padding-bottom: 100px!important; 
		}
		.colTechnoMobile.vc_col-sm-3 {
			width: 100%!important; 
			padding: 26.5px;
		}
		body .margeMobile {
			padding-left: 10px;
		}
		html body .titreToggle p:before {
			top: 0px;
			background: url(/wp-content/uploads/2020/03/technomark-picto-toggle-yellow-1.png)!important;
			background-size: 25px!important;
			background-repeat: no-repeat!important;
		}
		.dt-mobile-header .next-level-button:before{
			color:#827f7f;	
		}
		body .vc_custom_1591104810919 {
			padding-right: 15px !important;
			padding-left: 15px !important;
		}
	
		.fluidPadding .vc_row-flex .vc_col-sm-6, .fluidPadding .vc_col-sm-6 {
			padding: 0 15px!important;
		}
/*
		.mini-nav.show-on-desktop.hide-on-first-switch{
			display:block!important;
			width:100%;
		}
*/
		
		#tarteaucitronDisclaimerAlert{
			display: block;
    		padding: 15px 0!important;
		}
	}
	@media screen and (max-width: 375px){

	.colslideHomeVertLeft > .vc_column-inner, .colslideHomeVertLeft > .vc_column-inner > .ult-carousel-wrapper.ult_vertical.slideHomeVertLeft, .ult-carousel-wrapper.ult_vertical.slideHomeVertLeft  {
		padding:0!important;
		
	}
		
	.titreToggle p:before {
    	width: 35px;
    	background-size: contain;
	}
	.titreToggle p {
    	padding-left: 30px;
		padding-right: 15px;
	}
	.titreToggle p .p24 {
		font-size: 16px!important;
		line-height: 26px!important;
	}
	.titreToggle p:after {
    	right: 0;
    	width: 25px;
    	background-size: contain;
	}
	.titreToggle.toggleOpen p:after{
		right: 0;
		top: 12px;
		width: 25px;
		background-size: contain;
	}
	.footerCol1, .footerCol1 .wpb_single_image.vc_align_left {
		text-align: left!important;
	}
	ul#menu-menu-footer-mentions {
    	padding-top: 35px;
	}
	#menu-menu-footer-mentions li {
		display: block;
		text-align: left;
		padding: 0 15px;
		border-top: none!important;
		line-height: normal;
	}
	.colGMenuFooter .vc_column-inner {
    	padding-top: 0!important;
	}
	#bb-footer-inside-footer-technomark .menuColFoot li.menuMargin {
    	margin-top: 15px;
	}
	
}

/************************* FIN Responsive *************************/

/*********************** FIX BUG RESPONSIVE ************************/
.swipe-tel{
	display: none;
}

@media screen and (max-width:1580px){
	#bureau-etude-en div p:first-child span{
		font-size:45px;
		line-height: 49px;
	}
}

@media screen and (max-width:1225px){
	#bureau-etude-en div p:first-child span{
		font-size:35px;
		line-height:39px;
	}
}

@media screen and (min-width:1051px) and (max-width:1199px){
	.colTitreHome{
		margin-top:580px;
	}
}

@media screen and (max-width:940px){
	#bureau-etude-en div p:first-child span{
		font-size:30px;
		line-height:34px;
	}
}


@media screen and (max-width:900px){
	.scroll-top.swipe-tel{
		display: block;
		position: fixed;
		left:10px;
		bottom:10px;
		margin-bottom: 0;
		background: yellow;
		z-index: 1;
		padding:10px;
	}
	
	.swipe-tel img{
		height: 43px;
		object-fit: contain;
	}
	
	.scroll-top.swipe-tel::before{
		content:none !important;
	}
	
	.page-id-948 footer{
		z-index:99;
	}
}

@media screen and (min-width:1050px) and (max-width:1300px){
	#bureau-etude div p:first-child span{
		font-size:45px;
		line-height: 49px;
	}
}

@media screen and (min-width:768px) and (max-width:858px){
		#bureau-etude div p:first-child span{
		font-size:35px;
		line-height: 39px;
	}
}

@media screen and (max-width:1500px){
	.mini-nav.first  {
		
		width: 100%;
	}
	.mini-nav.first .menu-select {
		margin: 0 !important;
	}
	
	
	
	
	
	/*.mobile-mini-widgets-in-menu .in-menu-second-switch{
		display: block !important;
		width: 100%;
	}
	
	.mobile-mini-widgets-in-menu .in-menu-second-switch .menu-select{
		display: block !important;
	}
	
	.mobile-mini-widgets-in-menu div:nth-child(6), .mobile-mini-widgets-in-menu div:nth-child(7), .mobile-mini-widgets-in-menu div:nth-child(8), .mobile-mini-widgets-in-menu div:nth-child(9), .mobile-mini-widgets-in-menu #top-menu, .mini-nav.show-on-desktop.in-menu-first-switch.in-menu-second-switch.list-type-menu-first-switch.hide-on-desktop.hide-on-second-switch.show-on-first-switch{
		display: none !important;
	}
	
	.mobile-mini-widgets-in-menu>div:nth-child(4){
		margin-right: 70px !important;
		padding-left: 0 !important;
	}
	
	.mini-nav #header_microwidget2-menu{
		left: 10% !important;
		margin-top: 320px !important;
	}*/
}

.newMenu{
	position: relative !important;
}

.newMenu a{
	display: flex !important;
	flex-flow: row-reverse;
	justify-content: flex-end;
}

.newMenu a::before{
	content:'NEW' !important;
	color:#000 !important;
	background: #fef200 !important;
	font-size: 14px !important;
	font-family: Poppins, Helvetica, Arial, Verdana, sans-serif !important;
	font-weight: 500 !important;
	padding: 0 3px !important;
	margin-left: 8px !important;
}

@media screen and (max-width:1500px){	
	.newMenu a::before{
		font-size:10px !important;
		top: 50% !important;
	}
}