
<!-- END Typekit Fonts for WordPress -->

<style type="text/css" title="dynamic-css" class="options-output">header[role="banner"]{background:#ffffff;}header[role="banner"]{border-top:0px solid #ccc;border-bottom:0px solid #ccc;border-left:0px solid #ccc;border-right:0px solid #ccc;}header[role="banner"].scrolled{background:#fff;}header[role="banner"].scrolled nav li a{color:#141414;}header[role="banner"].scrolled nav li a:hover{color:#dd3333;}header[role="banner"] .nav li a{font-family: Microsoft Yahei;font-style:normal;color:#141414;font-size:17px;}.accent, header[role="banner"] .nav li a:hover, header[role="banner"] .nav li ul li a:hover, .portfolio-container .isotope .portfolio-title a:hover, .portfolio-filter .active a{color:#dd3333;}body{background-color:#ffffff;}.single .page-header, .blog .page-header, .page-template-default .page-header, .archive .page-header, .search .page-header{background-color:#3a3a3a;}.single .page-header h1, .blog .page-header h1, .page-template-default .page-header h1, .archive .page-header .page-title, .search .page-header .page-title{color:#ffffff;}body, p, input, textarea{font-family:Raleway;line-height:18px;font-weight:500;font-style:normal;color:#3a3a3a;font-size:14px;}h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .button .button-text, input[type="submit"]{font-family:Montserrat;font-weight:normal;font-style:normal;color:#dd3333;}.extra-font{font-family:Noticia+Text;font-weight:normal;font-style:normal;color:#f2f2f2;}a{color:#3a3a3a;}a:hover{color:#dd3333;}.button:hover .button-text, input[type="submit"]{color:#dd3333;}.button:hover .button-text, input[type="submit"]:hover{color:#ffffff;}.button.alt{color:#282828;margin-top: 7%;margin-left: 10%;}.button.alt:hover{color:#dd3333;}#footer-widgets{background-color:#ffffff;}#footer-copy{background-color:#ffffff;}footer[role="contentinfo"] h1, footer[role="contentinfo"] h2, footer[role="contentinfo"] h3, footer[role="contentinfo"] h4, footer[role="contentinfo"] h5, footer[role="contentinfo"] h6{color:#343434;font-size:18px;}footer[role="contentinfo"] #footer-widgets{font-family:Arial;font-weight:normal;color:#b7b7b7;font-size:14px;}footer[role="contentinfo"] #footer-widgets a{color:#343434;}footer[role="contentinfo"] #footer-widgets a:hover{color:#db1111;}footer[role="contentinfo"]{font-family:Arial;font-weight:normal;color:#868686;font-size:14px;}footer[role="contentinfo"] a{color:#868686;}footer[role="contentinfo"] a:hover{color:#db1111;}</style>	<style type="text/css" class="options-output-responsive">
		i { color: #dd3333; }
	.sticky:before, .sticky:after { border-color: #dd3333; }
	.luxe-page-navigation li:hover { border-color:#dd3333; }
	.tagcloud a:hover, .single .post .tags a:hover { background-color:#dd3333; }
	.tags:before { color: #dd3333; }
	.luxe-post .video-button:hover { background-color: #dd3333; color: #fff; }
	.portfolio-container .overlay { background-color: #dd3333; }
	.portfolio-filter .active a, .portfolio-filter a:hover { color: #dd3333 !important; }
	.port_ajax_icons .prev-port-link:hover, .port_ajax_icons .next-port-link:hover, .port_ajax_icons .close-port-link:hover { background-color: #dd3333; }
    .team-member:hover { border-color: #dd3333; }
	.button, .button.inverse:hover, input[type='submit'] { border-color: ; background-color: ; }
	.button:hover, .button.inverse, input[type='submit']:hover { border-color: #dd3333; background-color: #dd3333; }
	.button.alt { border-color:#dcdcdc; }
	.button.alt:hover .button-text { color:#dd3333 !important; }
	.button.alt:hover { border-color:#dd3333; }
	.widget_wysija .wysija-submit { border-color: #dd3333 !important; color:#dd3333 !important;}
	.widget_wysija .wysija-submit:hover { border-color: #343434 !important; color:#343434 !important;}
	.social .socialbar .social-icons li a:hover { color: #dd3333 !important; }
    #scroll-top:hover:after { color: #dd3333; }

	.error404 #content { background-color: #dd3333; }
	.luxe-post, .luxe-post.style2, .feature, .feature-style3, .pricing-box, { border-color: #dd3333; }
	.pricing-box.featured { background-color: #dd3333; }
	.blog .post .article-footer, .archive .post .article-footer { border-color: #dd3333; }
	blockquote { border-color: #dd3333; }
	.luxe-page-navigation li.luxe-current:hover, .luxe-page-navigation li.luxe-current:hover span, .luxe-page-navigation li:hover a  { border-color: #dd3333; color:#dd3333; }
	.toggles-container .trigger.active, .ui-tabs-nav li.ui-tabs-active a { border-color: #dd3333; }

		.single .page-header .wrap, .blog .page-header .wrap, .page-template-default .page-header .wrap, .archive .page-header .wrap, .search .page-header .wrap {
		padding: 50px 0 80px;
	}
	
	@media only screen and (min-width: 769px) {
    	header[role='banner'] { height: 90px; }
    	header[role='banner'] .nav li { line-height: 90px; }
    	header[role='banner'] #logo { max-height: 90px; }
    	header[role='banner'].scrolled { height: 70px; }
    	header[role='banner'].scrolled .nav li { line-height: 70px; }
    	header[role='banner'].scrolled #scrolled-logo img { max-height: 70px; }
    	/*#content { margin-top: ; }*/
    	.page-header { padding-top: 90px; }
    	.page-template-page-onepage-php .page-header { padding-top: 0px; }
    }

	/*********************
	IE STYLING
	*********************/  
	.lt-ie9 header[role='banner'] {
		background-color: #ffffff	}
	.lt-ie9 header[role='banner'] .nav li a{
		line-height: 90px;
	}
	.lt-ie9 header[role='banner'].scrolled .nav li a{
		line-height: 70px;
	}
	.lt-ie9 header[role='banner'] #logo img{
		max-height: 90px;
	}
	.lt-ie9 header[role='banner'].scrolled #logo img{
		max-height: 70px;
	}
	.lt-ie9 #content {
		margin-top:90px;
	}

	/*********************
	MOBILE HEADER SETTINGS
	*********************/  

	@media all and (max-width: 768px) {
		#scrolled-logo {
			display: block !important;
		}
		#logo {
			display: none !important;
		}
        #scrolled-logo img {
            max-height: 70px;
        }
		header[role='banner'] {
		    position: fixed;
		    top:0px;
		    height:70px;
		    width: 100%;
		    background-color: #fff;
		}
		header[role='banner'] #logo { display: none !important; }
		header[role='banner'] #scrolled-logo { display: block !important; }
		header[role='banner'] .nav li { line-height: 70px; }
		header[role='banner'] #logo img{
		    max-height: 70px; 
		}
		header[role="banner"] .nav li a {
			color: #141414;
		}
		header[role="banner"] .nav li a:hover {
			color: #dd3333;
		}
		#main-nav-wrapper {
			background-color: #fff;
		    position: absolute;
		    display: none;
		    border: 0px;
		    padding: 0px 40px 10px 40px;
		    top: 100%;
		    right: 0px;
		    width: auto;
		    max-width: 100%;
		    width:100%;
		    margin-right: 0px;
		    margin-left:0px;
		    margin-top:0px;
		    text-align: left;
		    height: 350px;
		    overflow: hidden;
		}
		#main-nav {
			overflow-y: scroll;
			height: 320px;
		}
		#main-nav li {
			padding: 4px 10px;
		}
		#main-nav li:first-child {
			padding-top:10px;
		}
		#main-nav li a {
			line-height: 1em;
			border:0px;
		}
		#main-nav li ul.children li a{
			padding:0; padding-left:20px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		#content {
			margin-top: 70px;
		}
	}
	</style>

		 	<style type="text/css" class="metabox-css">

		body { background-color: ; }
		body { background-image: url(''); }
					body {   -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
				body { background-attachment: scroll; }
		body { background-position: ; }
		#inner-content { padding-top: 0px; padding-bottom: 0px; }
		h1, .h1, h2, .h2, h3, .h3, h4, .h4 , h5, .h5, h6, .h6 {
			color: ;
		}
		.single .page-header h1, .blog .page-header h1, .page-template-default .page-header h1, .archive .page-header .page-title, .search .page-header .page-title {
			color: ;
		}

		.page-header {
			background-color: ;
									-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; 
						background-attachment: scroll;
			background-position: ;
		}
		
		
		    	#container-10 { background-color: ; }
		    	#container-10 { background-image: url(''); }
								#container-10 {   -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
						    	#container-10 { background-attachment: scroll; }
		    	#container-10 { background-position: ; }
		    	#container-10 { padding-top: 90px; padding-bottom: 0px; }
				#container-10 .page-title {
					color: ;
				}
				#container-10 h1, #container-10 .h1, #container-10 h2, #container-10 .h2, #container-10 h3, #container-10 .h3, #container-10 h4, #container-10 .h4, #container-10 h5, #container-10 .h5, #container-10 h6, #container-10 .h6 {
					color: #ffffff;
				}
					    		
		    	#container-14 { background-color: rgb(237,237,237); }
		    	#container-14 { background-image: url(''); }
								#container-14 {   -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
						    	#container-14 { background-attachment: scroll; }
		    	#container-14 { background-position: ; }
		    	#container-14 { padding-top: 70px; padding-bottom: 70px; }
				#container-14 .page-title {
					color: #e91f2d;
				}
				#container-14 h1, #container-14 .h1, #container-14 h2, #container-14 .h2, #container-14 h3, #container-14 .h3, #container-14 h4, #container-14 .h4, #container-14 h5, #container-14 .h5, #container-14 h6, #container-14 .h6 {
					color: ;
				}
					    		
		    	#container-16 { background-color: ; }
		    	#container-16 { background-image: url('http://www.meca-inox.com/site2016/wp-content/uploads/2016/03/meca_ball_valve_red.jpg'); }
								#container-16 {   -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
						    	#container-16 { background-attachment: fixed; }
		    	#container-16 { background-position: center; }
		    	#container-16 { padding-top: 70px; padding-bottom: 70px; }
				#container-16 .page-title {
					color: #ffffff;
				}
				#container-16 h1, #container-16 .h1, #container-16 h2, #container-16 .h2, #container-16 h3, #container-16 .h3, #container-16 h4, #container-16 .h4, #container-16 h5, #container-16 .h5, #container-16 h6, #container-16 .h6 {
					color: #ffffff;
				}
					    		
		    	#container-12 { background-color: ; }
		    	#container-12 { background-image: url(''); }
								#container-12 {   -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
						    	#container-12 { background-attachment: scroll; }
		    	#container-12 { background-position: ; }
		    	#container-12 { padding-top: 70px; padding-bottom: 70px; }
				#container-12 .page-title {
					color: ;
				}
				#container-12 h1, #container-12 .h1, #container-12 h2, #container-12 .h2 {font:24px Microsoft Yahei;}, #container-12 h3, #container-12 .h3, #container-12 h4, #container-12 .h4, #container-12 h5, #container-12 .h5, #container-12 h6, #container-12 .h6 {
					color: ;
				}
					    			</style>

	<style type="text/css" class="options-output-custom-css">/*GENERAL SETTINGS*/
/*texte non coupé*/
body, p {
    -moz-hyphens: manual;
    -epub-hyphens: manual;
    hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
}
/*font*/
body, p, h1, h2, h3, h4, h5, h6 {
    font-family: Microsoft Yahei!important;
    font-weight:400;
	
}
h1, h2, h3, h4, h5, h6 {color:#e91f2d;}
p {font-weight:400;line-height: 200% !important;}
.page-template-page-onepage-php .page-title {font-weight:400;}
/*boutons*/
.button.alt:focus {border-color: #dcdcdc;}
.button {border: 2px solid rgba(100, 100, 100, 0);}
/*texte gris sous-titre*/
.gros-txt {text-transform:uppercase; color:grey;}
/*minuscules dans les boutons*/
.lowercase span, .lowercase{text-transform:initial !important}
/*centrer les contenus des sections custom*/
.full.default {
    text-align: center;
line-height: 200%;
    background-position: center center;
}
/*raccourcir la largeur*/
.reduced-width {width:80%; margin:0 auto;}
/*titre blanc stylisé image de fond*/
.top-title {color:white; 
            font-size:35px !important;
            position: relative;
            top: 1.5em;/*hauteur*/
            font-weight:700 !important;
}
.top-title::after 
{background-color:white !important; 
width:80px !important;}
h1.page-title{font-size: 45px; font-weight: 700;}
/*pages-header*/
.page-template-page-onepage-php .page-title::after{
    position:relative;
    margin: 30px auto;
    left: auto;
    height: 2px;
}
@media screen and (max-width:768px){
.page-header {
    margin-bottom: 20px !important;
}
}
@media screen and (max-width:768px){
    h1.page-title, .top-title {font-size:24px !important;}
}
/*règles pour supprimer le parallax sur mobile et tablettes*/
@media screen and (max-width:1024px){
.container , .full, .section-header, .on-demand {background-attachment: scroll !important;}
}
/*pages-header, sections de fond contact news download*/
.page-template-default .page-header .wrap,
.blog .page-header .wrap, .single .page-header .wrap{
    padding-top:140px;
    margin-bottom:50px;
}
@media screen and (max-width:768px){
.page-template-default .page-header .wrap,
.blog .page-header .wrap, .single .page-header .wrap
    {padding-top: 117px;
    margin-bottom: -23px;}
}
/*sections header (know-how/markets/products)*/
.section-header{padding-top:210px;
                padding-bottom:210px;
                background-attachment:fixed;
                background-position:center;
                background-size:cover;
}
@media screen and (max-width:768px){
.section-header {padding-top: 110px;
                padding-bottom: 70px;
                background-attachment:scroll;}
}
@media screen and (min-width:1024px){
.section-header {background-position: center -6em;} /*visu plus haut*/
}
/*la Carte du monde*/
.map-caption {width:400px;}
@media screen and (max-width:768px){
    .map-caption {width:300px;}
}
/*pictos blog rouges*/
.luxe-post .luxe-post-date::before,
.post-date::before, .post-tags::before{color:#e91f2d;}
/*règle temporaire pour les comments*/
.luxe-post .luxe-post-comments, .post-comments {display:none;}
/*colonnes en vertical a partir des tablettes*/
@media screen and (max-width:767px){
    .sixcol {float:none; width:100%; margin-left:0;}
}



/*HEADER*/
/*desactiver l'allemand temporairement*/
.lang-item-de {display:none;}
/*sous-menu FR*/
#menu-item-1698 ul.children {width:230px;}
/*sous-menu DE*/
#menu-item-1709 ul.children {width:230px;}
@media screen and (max-width:768px){
    #content{margin-top:0;}
    /*ceci concerne le Slider*/
    #container-10, #container-1631, #container-1629{padding-top:35px;}
    #main-nav li ul.children li a{padding:0;}
    #main-nav li a{padding: 8px 10px;}
    .nav li ul.children li{margin:0 10px;}
    #main-nav,#main-nav-wrapper {height: 400px;
        overflow-y:visible;
    }
}
/*menu-langue qui a été modifié mystérieusement*/
header[role="banner"] .nav li a span {
    text-align: left;
    padding-left: 30px;
    padding-bottom: 0;
    padding-top: 2px;
    color: black;
    opacity: 1;
    top: auto;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
}
header[role="banner"] .nav li ul li a:hover span {color:#dd3333;}
/*chevauchement menu*/
@media screen and (max-width:1060px){
    header[role="banner"] .nav li a{
        font-size:11px;
        padding: 0 10px;
    }
    header[role="banner"] .nav li a span {font-size:11px;}
}
/*sous-menus recalés vers la gauche*/
@media screen and (min-width:768px) and (max-width:1060px){
    header[role="banner"] .nav li ul.children li a {left:-12px;}
}
#logo{width: 200px; margin: 10px -15px;}
#scrolled-logo {width:180px; margin: 5px 0;}
.children {text-align:left;}
#menu-item-54 {width:170px;}
header[role="banner"] .nav li a:focus{color:#e91f2d;}

/*HOME*/
    /*intro*/
    .metaslider .caption-wrap {text-align:center;
                            opacity:1 !important;}
    .metaslider .caption-wrap h1 {text-transform:uppercase;
        line-height: 1em; font-size: 34px;
    }
    .metaslider .caption-wrap .button-text {color:white;font: 18px Microsoft YaHei;}
    .metaslider.metaslider-flex .slides img {width:110%;}
    @media screen and (max-width:600px){
        .home .metaslider.metaslider-flex .slides img{
            width:auto;
            height:500px;
            margin-left: -425px !important;
        }
    }
    /*welcome*/
    .welcome-space{width:100%;}
    .bloc-welcome{width:100%; height:95px; display:inline-block; padding-left: 15%;}
    .welcome-text {
    font-size: 16px;
    text-transform: uppercase;
    }
    .welcome-number {
    font-size: 46px;
    color: #e91f2d;
    line-height: 0.7em;
    }
    @media screen and (max-width:1024px){
        .bloc-welcome {padding-left:0; height:auto; display:block;}
        .bloc-welcome img{margin: 0 !important;
                            display: block !important;
                            float: none !important;
                            position: relative;}
        .bloc-welcome span{display: block; text-align: left;}
        .bloc-welcome br {display:none;}
        .welcome-space {height:30px;}
    }
    @media screen and (max-width:700px){
        .bloc-welcome img{margin: 0 auto !important;}
        .bloc-welcome span{display: block; text-align: center;}
    }
        /*news*/
    .luxe-post-details {background-color:white; border:none !important;}
    .attachment-blog.size-blog.wp-post-image {width: 100%;height:200px;}
    .luxe-post .post-tags {
    width: 50%;
    float: left;
    font-size: 13px;
    margin-top: 20px;
    display: block;}
/*    .luxe-post .post-tags::before{content: "\6b";
                                font-family: 'ElegantIcons';
                                margin-right: 8px;}*/
    .luxe-post {display:block !important;}
            /*news x3 sur ipad vertical*/
    @media screen and (min-width:580px) and (max-width:768px) and (orientation:portrait){
        .luxe-post {width: 30%;
                    float: left;
                    position: relative;
                    margin-left: 2%;}
        .luxe-post .luxe-post-details{height:150px;}
        [data-name="news-link"] .wrap {width:100%;}
    }
    /*certifs*/
    .certifications img {
    display: inline !important;
    padding: 0px 35px;
    height:50px;
    }
    #post-16 .entry-content, #post-1644 .entry-content,
    #post-1646 .entry-content {text-align:center;}
    .certif-names span {margin:0 10px;}

/*GROUP*/
    /*quote*/
    .quote {color: white;
text-align: left;
font-size: 18px;
line-height: 36px;
font-family: Microsoft YaHei;
font-style: normal;
width: 65%;
margin-top: 83px;
padding: 20px;
float: right;
margin-right: 30px;
            }
    .hugues-photo {position:relative; 
                    float:left;
                    margin-left:3%;
    }
    .hugues-round {display:none;}
    .quote-title {font-size:18px;
                font-family:"effra",sans-serif;
                font-style:normal;
                font-weight:700;
                }
    .degrade{background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 18%, #e91f2d 18%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 18%,#e91f2d 18%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 18%,#e91f2d 18%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
    @media screen and (max-width:1024px){
        .quote{width:100%;margin-top:5px;margin-right:0;padding:30px;}
        .hugues-photo {display:none;}
        .hugues-round {display: block;
                        position: relative;
                        margin: 0 auto;}
    }
    /*two divisons*/
    .squareDemo {margin:20px auto !important;}
    .squareDemo .squareLitDemo {top:350px !important; 
            transition: all 0.3s linear !important;}
    .squareDemo:hover .squareLitDemo {top:0px !important;}
    .squareLitDemo .textAreaWrapper{padding:14px 20px; margin-top:16%;}
    .textArea{position:relative !important; 
    padding:0 !important;
    line-height:20px !important;    
    }
    @media screen and (max-width:768px){
        .squareDemo , .textArea, .squareLitDemo
        {width:280px !important; 
        height:280px !important; 
        }
        .textAreaWrapper {margin-top:0 !important;}
    }
    @media screen and (min-width:700px) and (max-width:790px) and (orientation:portrait){
    .divisions-boxes .sixcol {float:left; width:50%;}
    }
    /*caroussels-2*/
    .bx-wrapper .bx-viewport{
    box-shadow: none;
    border-color: transparent;
    left: 0;
    background: none;
    height:350px !important;
    margin: 0 auto;
    }
    .bxslider, .bxslide {height:100%;}
    .bx-caption {background:transparent !important; 
    height:110px; bottom:auto !important;}
    .bx-wrapper .bx-controls-direction a{
        top: 55%; 
        width:30px; 
        height:52px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position:0 0 !important;
    }
    .bx-wrapper .bx-controls-direction a:hover {
        opacity:0.7;
        -webkit-opacity:0.7;
        -ms-opacity:0.7;
    }
    .bx-wrapper .bx-prev {left:-6%; background: url('http://www.neway-dev.fr/meca-inox/wp-content/uploads/2016/04/fleche_previous.png');}
    .bx-wrapper .bx-next {right:-6%; 
                        background: url('http://www.neway-dev.fr/meca-inox/wp-content/uploads/2016/04/fleche_previous.png');
                        -moz-transform: scaleX(-1);
                        -o-transform: scaleX(-1);
                        -webkit-transform: scaleX(-1);
                        transform: scaleX(-1);
                        filter: FlipH;
                        -ms-filter: "FlipH";
    }
    .bx-wrapper .bx-controls-direction a{
            width: 22px; height: 39px;
        }
    .bx-wrapper .bx-caption span {font-size:16px;
        font-family:"effra",sans-serif;
        font-weight:300;
    }
    .titre {font-size: 28px !important; font-weight: 500 !important;}
    #story-car .bx-caption {color:white;}
    #product-car .bx-caption {color:#313131;}
    #product-car .bx-caption .titre {color:#e91f2d !important;}
    @media screen and (max-width:1024px){
        .bx-wrapper .bx-prev {left:-4%;}
        .bx-wrapper .bx-next {right:-4%;}
    }
    @media screen and (max-width:900px){
        .bx-wrapper .bx-viewport {width: 627px !important;}
    }
    @media screen and (max-width:768px){
        .bx-wrapper .bx-prev {left:-3%;}
        .bx-wrapper .bx-next {right:-3%;}
        .bx-wrapper .bx-controls-direction a{
            width: 20px; height: 35px;
        }
        .bx-wrapper .bx-viewport {width: 318px !important;}
    }
    /*values*/
    .values-picto{width:90px;
                  cursor : pointer;
    }
    .list {margin-bottom:30px;}
    .list .trigger {font-weight:500;}
    .list .trigger a {
    font-size: 20px;
    color: #e91f2d;
    }
    
/*KNOW-HOW*/
    /*sites-triggers*/
    .sites-img {width:120px; cursor:pointer;}
    #sites-triggers .fourcol {display:block;}
    #sites-triggers .list .trigger {font-weight:700;}
    /*hovers*/
    #hovers2 div {width:50%; 
    height:100%; 
    margin:auto; 
    float:left; 
    background-size: cover;
    background-repeat: no-repeat;
    }
    #hovers2 {width:100%;height:28vw;}
    #hovers-content1 {background-image:url(/site2016/wp-content/uploads/2016/04/meca_Gisors_France.jpg)}
    #hovers-content2 {background-image:url(/site2016/wp-content/uploads/2016/04/meca_Dalian_China.jpg)}
    #hovers2 h3 {
    opacity:0;
    position: relative;
    font-size: 38px;
    height: 100%;
    margin: 0;
    padding: 20% 0;
    background-color: rgba(0, 0, 0, 0);
    color: white !important;
    transition: ease-in 0.5s;
    font-weight:bold;
    line-height: normal;
    }
    #hovers2 div:hover h3 {background-color: rgba(0, 0, 0, 0.80); opacity:1;}
    #hovers2 span {
    display: block;
    font-size: 33px !important;
    }
    @media screen and (max-width:1024px){
        #hovers2 h3 {opacity:1;}
    }
    @media screen and (max-width:768px){
        #hovers2 {height:auto;}
        #hovers2 div {float:none;width:100%;}
    }
    /*values*/
    .values {
    width: 300px;
    height: 450px;
    margin:0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    }
    .values p {
    color: white;
    padding: 60px 0px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2em;
    }
    #value1 {background-image: url('/site2016/wp-content/uploads/2016/04/meca_value_Robust_durable.jpg');}
    #value2 {background-image: url('/site2016/wp-content/uploads/2016/04/meca_value_Performance_reliability.jpg');}
    #value3 {background-image: url('/site2016/wp-content/uploads/2016/04/meca_KNOWHOW_adaptable_innovative.jpg');}
    /*fr en de en une ligne*/
    @media screen and (min-width:580px) and (max-width:768px) and (orientation:portrait){
    #container-896 .fourcol, #container-1664 .fourcol, #container-1667 .fourcol{
        width: 30%;
        float:left;
        margin:0 10px;
    }
    .values {width:205px; height:310px;}
    .values p {padding:20px 0; font-size:26px;}
    }
    @media screen and (max-width:1024px) and (min-width:768px){
        .values{width:220px;
                height:320px;
        }
        .values p{padding:25px 0;
                font-size:24px;
        }
    }
    /*internal*/
    #internal-screen {display:block;}
    #internal-phone {display:none;}
    @media screen and (max-width:768px){
        #internal-phone {display:block;}
        #internal-screen {display:none;}
    }
    /*testimonials*/
    .testimonial-carousel .testimonial-user .testimonial-user-position-title::before{
        content:none;
    }
    .testimonial-user-name {font-weight:500;}
    .testimonial-user span {display: block;}
    .testimonial-carousel {border:none;}
    .testimonial-carousel .testimonial-content {
    font-size: 22px !important;
    font-family: "adelle";
    line-height: initial;
    font-style: italic;
    }
    .testimonial-carousel-nav img {
        max-width:100px;
        width:100px;
        height:auto;
    }
    .testimonial-carousel .testimonial-content {padding-bottom:50px;}
    @media screen and (max-width:768px){
        .testimonial-carousel {padding:0 !important;}
        .testimonial-carousel .testimonial-content{
            padding: 10px 10px;
            padding-bottom: 30px;
            font-size: 18px !important;
        }
        .testimonial-carousel-nav {padding:0 0 30px !important;}
    }
        /*footprint*/
    .footprint-space{width:100%;}
    .bloc-footprint{width:300px; height:95px; display:block;}
    .bloc-footprint span {display:block; text-align:left;}
    .bloc-footprint br {display:none;}
    .bloc-footprint img {float:left;}
    @media screen and (max-width:768px){
        .bloc-footprint{float:none !important;
                        text-align:center;
                        height:70px;
                        margin:auto;
        }
        .bloc-footprint img {margin-top:-28px;}
    }
    
/*MARKETS*/
.portfolio-container .isotope .portfolio-overlay .portfolio-overlay-content{
    top:55%;
}
.portfolio-container .isotope .portfolio-overlay{
background-color: rgba(255, 0, 0, 0.82);}
.portfolio-tags, #portfolio-filter {display:none;}
.portfolio-container .isotope .portfolio-title a {
    font-size:20px;
    font-weight:400;
}
    /*footprint cf ligne-237 know-how*/
/*Single-MARKETS*/
.single-portfolio .article-header {
    display: none !important;
}
.single-portfolio .featured-content {
    margin-top: 40px;
}
.single-portfolio .metaslider .caption{
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.60);
    position: relative;
    bottom: 4.2em;
    text-align:left;
}
.single-portfolio .metaslider.metaslider-flex .slides img{
    width:100%;
}
a:focus, .button:focus .button-text{color:#e91f2d !important;}
.market-sub {color:#3a3a3a; margin-bottom: 5px;}
.fluide-market{height:20px !important; 
                float:none:important; 
                width:100% !important;
                background-color:grey !important;
}
.markets-buttons .button {
    margin-right: 10px;
}
.ligne-certifs-market{width:100%;}
.ligne-certifs-market img{display:inline-block;
                        height:70px;
                        margin:0 auto;
}
.article-footer {display:none;}
        /*regles d'affichage des 'other markets'*/
    .works-fr{display:none;}
    .works-en{display:block;}
    .works-de{display:none;}    
        
    html[lang="fr-FR"] .works-fr{display:block;}
    html[lang="fr-FR"] .works-en{display:none;}
    html[lang="fr-FR"] .works-de{display:none;}
    
    html[lang="de-DE"] .works-fr{display:none;}
    html[lang="de-DE"] .works-en{display:none;}
    html[lang="de-DE"] .works-de{display:block;}

@media screen and (max-width:700px){
    .portfolio .metaslider {padding-bottom:45px;}
    .caption {bottom:0;}
}
    /*related works*/
    .portfolio-related {background-color:#E9E9E9;}
    .portfolio-related h3{
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 600;
        position: relative;
        color:#e91f2d;
    }
    .portfolio-related h3:after{
        display: block;
        position: relative;
        content: '';
        width: 22px;
        height: 3px;
        background-color: rgba(100, 100, 100, 0.4);
        top: 100%;
        left: 50%;
        margin-left: -11px;
        margin-top: 25px;
    }
    @media screen and (max-width:1024px){
        .portfolio-container .isotope .portfolio-overlay{
        opacity:1;
        background-color: rgba(0, 0, 0, 0);}
        .portfolio-container .isotope .portfolio-overlay:hover{
        background-color:rgba(255, 0, 0, 0.82);}
    }
    
/*PRODUCTS*/
h2.products-title {color:#3C3C3B; font-weight:300; margin-bottom:0;}
    /*drapeau*/
#drapeau {margin: 10px auto; 
    margin-bottom: 40px;
    width: 80%;
    display: inline-block;}
#drapeau p {width:48%; height:2px; margin: 0 auto;}
#blueflag {background-color: #3E57A3; float: left;}
#redflag {background-color: #e91f2d; float: right;}
    /*sections products*/
.section-products {border-bottom: solid #e7e7e7 3px;}
.products-info {margin:10px auto; width:60%}
.products-info h5, .products-info h4, .products-info h6 {margin:0 !important;}
.products-info h4{font-size: 2em !important; font-weight: bold !important;}
.products1 {border-bottom: dotted grey;}
.products1 p {font-size:1.2em;}
.products1 p, .products2 p {margin:0 !important; display:inline;}
.products2 h5 {font-size: 1.7em !important; font-weight: bold !important;}
.product-domain {line-height: 18pt;
                padding-bottom: 10px;}
.ligne p {margin:0 !important; display:inline; font-size: 1.6em;}
.ligne {margin-bottom:40px;}
.valves-quantity h5, .valves-quantity p {color:grey;}
.valves-quantity h5 {margin-bottom: -8px !important;}
.valves-quantity {margin:10px 0;}
        /*progress bars*/
.jauge {height: 15px; width: 280px; margin: 5px auto;}
.jauge h6 {float:left;}
@keyframes example{
from{width:0;}
}
.fluide-bg{width: 60%;
display: inline-block;
height: 90%;
bottom: -2px;
position: relative;
float: right;} 
.fluide {
    height: 100%;
    animation-name:example;
    animation-duration:5s;
}
.rouge {background-color:#e91f2d;}
.bleu {background-color:#0081C9;}
.jaune {background-color:#f90;}
@media screen and (min-width:1024px){
    .products-img {max-width:none;}
}
@media screen and (max-width:768px){
    .jauge {width:240px;}
}
    /*galerie*/
.galerie-products div{display:inline-block;}
.products-box {height: 20em; width: 15em; background-position: center; background-size: cover; margin:0 auto}
.products-box h5 {top: 12em; position: relative; font-weight:bold !important; color:purple !important;}
.products-box2 {height: 20em; width: 15em; background-position: center 1.6em; background-size: cover; margin:0 auto}
.products-box2 h5 {top: 13.4em; position: relative; font-weight:bold !important; color:purple !important;}
.products-box3 {height: 22em; width: 16.1em; background-position: center 2.4em; background-size: cover; margin:0 auto}
.products-box3 h5 {top: 15em; position: relative; font-weight:bold !important; color:purple !important;}
    /*on demand*/
    .products-slide {width: 50%; float: right; text-align: left;}
    .products-slide p {font-size: 1.4em; line-height: initial; margin:0}
    .products-slide .sub-slide{font-size: 1.5em; color:#e91f2d; line-height: initial;}
    .on-demand{background-image:url(/site2016/wp-content/uploads/2016/05/meca_on_demand_global.jpg);
            background-position:center 100%;
            background-repeat: no-repeat;
            background-attachment:fixed;
            background-size:cover;
            padding:70px 0;
            background-color:#efefef;
    }
    @media screen and (max-width:768px){
    .products-slide {
    width: 100%; text-align:center;}
    .products-slide p{margin-bottom: 1em;}
    }
    @media screen and (max-width:768px){
    .on-demand{background-image:url(/site2016/wp-content/uploads/2016/05/meca_on_demand_phone.jpg);
        padding-top: 30em;
        background-attachment: scroll;
        background-size: 445px;
        background-position: center 1em;
    }
    }
    @media screen and (min-width:1500px){
        .on-demand{background-position:center 50%;}
    }
    
/*NEWS*/
.blog .social-share {float:none;}
.blog .post .article-featured, 
.tag .article-featured {margin-bottom:0px !important;}
.blog .article-featured img, .tag .article-featured img{float:left; margin-right:20px; width:350px;}
.blog #container .page-title {font-size:50px; font-weight:bold;}
.single .article-header, .tag .article-header {
    background-image: url('/site2016/wp-content/uploads/2016/05/meca_NEWS_head.jpg');
    background-size: cover;
    background-attachment: scroll;
    
    background-repeat:no-repeat;
}
    /*barre de recherche trad*/
    .rechercher {display:none;}
    html[lang="fr-FR"] .search {display:none;}
    html[lang="fr-FR"] .rechercher {display:block;}
@media screen and (max-width:979px){
    .article-featured img {float:none; margin-bottom: 10px;}
}
/*post avec slider*/
.blog .flex-viewport, .tag .flex-viewport {
    width: 350px !important;
    float: left;
    margin-right: 20px;
}
.blog .flex-viewport img, .tag .flex-viewport img {width:auto !important;}
.blog .luxe-flexslider.flexslider .flex-direction-nav,.tag .luxe-flexslider.flexslider .flex-direction-nav
{width:350px; margin-top:100px;}
@media screen and (max-width:979px){
    .blog .flex-viewport, .single .flex-viewport, .tag .flex-viewport  
    {float:none; margin-bottom: 10px;}
    .blog .luxe-flexslider.flexslider .flex-direction-nav,
    .blog .luxe-flexslider.flexslider .flex-direction-nav {width:350px; margin-top:-25px;}
}
@media screen and (max-width:390px){
    .blog .luxe-flexslider.flexslider .flex-direction-nav,
    .blog .luxe-flexslider.flexslider .flex-direction-nav {width:100%; margin-top:-25px;}
    .blog .flex-viewport, .single .flex-viewport, .tag .flex-viewport{width: 100% !important;}
}

/* il faudrait que le flexviwport soit tjr en 100% et resizer un autre element en 350px*/


/*DOWNLOADS*/
/**/
.page-template-template-download-en .page-header,
.page-template-template-download-fr .page-header,
.page-template-template-download-de .page-header
{margin-bottom:0px !important;}
/*CSS à l'intérieur des templates php*/

/*CONTACT*/
.tableau-contact {color:black}
.tableau-ligne {display:inline-block; padding:15px 0; width:100%}
.tableau-ligne span {
    float: left;
}
.tableau-ligne .luxe-icon{
float: left;
margin-right: 20px;
}
.tableau-ligne span a {color:#35A8E0;}
.contact-title {font-size: 22px; font-weight: bold; text-align: left;}
.entry-content table td {padding:0;}
td a {color:rgb(0, 156, 255);}
@media screen and (max-width:1024px){
   #post-31 .fourcol{margin:5%;}
}

/*FOOTER*/
.legal-fr, .legal-en {text-align:center;}
.legal-fr {display:none;}
html[lang="fr-FR"] .legal-fr {display:block !important;}
html[lang="fr-FR"] .legal-en {display:block;}</style>




#container-891 {
    background-image: url("../images/meca_ball_valve_black.jpg");
}