@charset "UTF-8";
/* CSS Document */

html{font-size: 62.5%;}
body, html{height:100%;}

body{
margin: 0 auto;
padding: 0;
overflow-x:hidden;
position: relative;
width:100%;
background:#fff;
font-family: 'Titillium Web', sans-serif;
font-weight:400;
color:#000;
}





.container,.contDemi, .contTrQuart, .contQuart{position:relative;display:block;margin:0 auto;padding:0 80px;width:100%}
.container{max-width:1400px;} .contDemi{max-width:700px;}.contQuart{max-width:350px;}.contTrQuart{max-width:1150px;}
.pad{padding-top:60px;padding-bottom:60px}
.Bigpad{padding-top:80px;padding-bottom:80px}
.Bigpad.first{padding-top:40px;padding-bottom:40px}

img{max-width:100%;}

a[href^=tel]{color:inherit;text-decoration:none;}	
a{text-decoration:none;color:inherit;cursor:pointer;font-weight:700}
a:focus{outline:0;}

hr{border:0;border-bottom:1px dotted #ccc;margin:30px 0}
.ancre{padding-top:50px;margin-top:-50px;}/* hauteur du header*/

/* TEXT ALIGN */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}
.uppercase{text-transform:uppercase;font-weight:800;margin-top:0}

.display{display:none;}
.show{display:block;}

.down{margin-bottom:30px;}
.up{margin-top:30px;}

.flt-left{float:left}
.flt-right{float:right}
.clear{clear:both;}


/* COULEUR */

.blanc{color:#fff;}
.noir{color:#000;}
.vert{color:#72be04}

.bcknoir{background:#000;}
.bckpale{background:#ecf0f1;}
.bckvert{background:rgba(114,190,4,1);}
.bckvertOpacity{background:rgba(114,190,4,0.85);}
.bckvertOpacity .Bigpad{padding:80px}


/* TEXTE */
h1, h2, h3, h4, h5, h6{margin:0;line-height:1;font-family: 'Khand', sans-serif;letter-spacing:0.5px}
h1{font-size:42px;font-weight:600;text-transform:uppercase}
h2{font-size:30px;font-weight:600;text-transform:uppercase;color:#72be04;} .bckvertOpacity .blanc h2{color:#000}
h3{font-size:26px;font-weight:400;color:#888}
h4{font-size:22px;font-weight:600;text-transform:uppercase;color:#72be04;}
h5{font-size:18px;font-weight:400;}
h6{font-size:16px;font-weight:600;text-transform:uppercase;color:#72be04;}

.bckvert h2, .bckvert h4, .bckvert h6{color:#000}

.border::after{content:"";background:#000;display:block;width:40px;height:5px;margin:10px auto}
.blanc .border::after{background:#fff;}

p, li{font-size:15px;line-height:1.5;margin:20px 0}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
p ~ h1, p ~ h2, p ~ h3, p ~ h4, p ~ h5, p ~ h6,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
ul ~ h1, ul ~ h2, ul ~ h3, ul ~ h4, ul ~ h5, ul ~ h6{margin-top:20px}

ul{margin:0}
ol{padding-left:20px}
ul li{margin:0px 20px;list-style-type:square}
ol li{padding-left:5px;margin:0}

img.picto{display:block;margin:20px auto}

.bt{font-family: 'Khand', sans-serif;text-transform:uppercase;line-height:1;letter-spacing:1px;color:#000;margin:20px 0 0 0;display:block}
.bt a{border-width:3px;border-style:solid;padding:12px 10px 8px;display:inline-block;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.bt.vert a{border-color:#72be04;}.bt.vert:hover a{border-color:#000;}
.bt.vert.blanc a{border-color:#72be04;color:#fff;}.bt.vert.blanc:hover a{border-color:#fff;}
.bt.noir a{border-color:#000;}.bt.noir:hover a{border-color:#fff;color:#fff}



.head{position:relative;min-height:450px;overflow:hidden;background:#000;}
.head > img{position:absolute;top:0;left:0;width:100%;z-index:0;opacity:0.5}
.head p{font-size:18px;z-index:99;margin:0}
.head .title{max-width:600px;display:block;margin:120px auto 0;text-align:center;color:#fff;background:rgba(114,190,4,0.85);padding:30px 40px}
.head  p.big{text-transform:uppercase;font-size:46px;font-family: 'Khand', sans-serif;line-height:1}


.home{background:url(../img/fond/fond-modelerie-home.jpg) no-repeat right center / cover fixed}


.service .section.group{margin-top:40px}
.bloc{position:relative}.bloc h2{color:#000}
.bloc .cont{padding:20px 30px 40px}

.imgThumb{overflow:hidden;max-height:200px} .thumb .imgThumb{max-height:140px}
.imgThumb img{-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
 a:hover .imgThumb img{transform:scale(1.05)}
 
.bloc .picto{display:block;margin:-60px auto 0;z-index:9}
.picto img{background:#000;padding:20px;-webkit-transition: all 0.2s ease;transition: all 0.s ease;}
.bloc a:hover .picto img{transform:scale(1);background:#222}

.aviation{background:url(../img/fond/fond-aviation-fonderie.jpg) no-repeat right center / cover fixed}

.projetSoum{border-bottom:10px solid #72be04;}
.projetSoum p{margin:0}.projetSoum p.bt{margin-top:30px}


/* FOOTER */

footer{background:#000;padding:30px auto;width:100%}
p.phone, p.fax{font-family: 'Khand', sans-serif;font-weight:600;line-height:1;padding-left:30px;font-size:22px;margin:10px 0}
p.phone{background:url(../img/picto/phone.svg) no-repeat left center / 18px}
p.fax{background:url(../img/picto/fax.svg) no-repeat left center / 18px;color:#777;}

.share{margin-left:30px}
.share a{display:inline-block;margin:20px 0 0 10px}

footer h5{margin-bottom:20px;font-weight:700;text-transform:uppercase}
.navfoot ul{width:48.5%;float:left;margin-right:3%;margin-top:0}.navfoot ul:last-child{margin-right:0}
.navfoot ul li{margin:0 0 3px;list-style-type:none;text-transform:uppercase}.navfoot ul li:hover{color:#72be04;}

p.accr{background:url(../img/picto/acceditation.svg) no-repeat left center / 18px;padding-left:25px;font-weight:700;color:#72be04;text-transform:uppercase}
#credits p{text-align:center;margin:0;font-size:12px;color:#aaa;background:#333;padding:10px}


/* PAGE NOUS JOINDRE */
.map iframe{width:100%}


/* PAGE À PROPOS */
.team p{margin:10px 0}
.team h4{margin-bottom:5px}
.team h5{margin-bottom:10px;height:36px}
.team p.phone{font-size:18px}
.team .col:nth-child(4n+0){margin-right:0}


/* PAGE SERVICE */

#moule .fond{background:url(../img/fond/moule.jpg) no-repeat center center / cover fixed}
#piece-usinee .fond{background:url(../img/fond/piece-usinee.jpg) no-repeat center center / cover fixed}
#prototype .fond{background:url(../img/fond/prototype.jpg) no-repeat center center / cover fixed}
#piece-coulee .fond{background:url(../img/fond/piece-coulee.jpg) no-repeat center center / cover fixed}



/* Default tab style */

.tabs {position: relative;}
nav.Bigpad{padding-bottom:0}
.tabs nav ul{margin:0 ;padding:0;text-align:center;}
.tabs nav ul li {display:block;margin:10px 0;padding:10px 20px 8px;background:#;cursor:pointer;border:3px solid #000;}
.tabs nav ul li h2{font-size:22px;color:#000;}
.tabs nav li.tab-current, .tabs nav ul li:hover{border-color:#72be04;}
/* Content */
.content-wrap {position: relative;}
.content-wrap section {display: none;margin: 0 auto;}
.content-wrap section.content-current {display: block;}

/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {display: block;}
.no-flexbox nav ul li {min-width: 15%;display: inline-block;}












@media only screen and (max-width: 1024px) {

.container, .contDemi{padding-left:50px;padding-right:50px}

.bloc h2{font-size:26px}
.bckvertOpacity .Bigpad{padding:60px}

}





@media only screen and (max-width: 768px) {	

.container, .contDemi{padding:0 40px;}
.pad{padding-top:30px;padding-bottom:30px}
.Bigpad{padding-top:60px;padding-bottom:60px}

.display{display:block;}

h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

p, li{font-size:14px;line-height:1.3}
p{margin: 0 0 15px}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
p ~ h1, p ~ h2, p ~ h3, p ~ h4, p ~ h5, p ~ h6,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
ul ~ h1, ul ~ h2, ul ~ h3, ul ~ h4, ul ~ h5, ul ~ h6{margin-top:20px}

.bckvertOpacity .Bigpad{padding:40px}

.head{min-height:300px}
.head p{font-size:16px;}
.head .title{padding:20px 30px;margin-top:65px}
.head  p.big{font-size:36px;}

.home{background-position:right -400px center}
.home .span_6_of_12{width:75%}

.imgThumb{overflow:hidden;max-height:150px}

.service .col.span_3_of_12{width:48.5%;margin-right:3%;margin-bottom:20px}.service .col.span_3_of_12:nth-child(2n+0){margin-right:0}
.bloc .cont{padding:15px 20px}
.bloc .picto{margin:-30px auto 0}
.bloc .picto img{max-width:60px;padding:10px}

.projetSoum{text-align:center}
.projetSoum .pad{padding:40px 30px}

.tabs nav ul{margin-top:20px}
.tabs nav ul li h2{font-size:16px}

}


@media only screen and (max-width: 480px) {



.container, .contDemi{padding:0 25px;}
.pad{padding-top:25px;padding-bottom:25px}
.Bigpad{padding-top:50px;padding-bottom:50px}



h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:15px;}
h5{font-size:13px;}
h6{font-size:12px;}

p, li{font-size:12px;}
img.picto {max-width:60px}

.head{min-height:220px;max-height:220px}
.head p{font-size:12px;}
.head .title{padding:15px 20px;margin-top:45px}
.head  p.big{font-size:22px;}

.service .col.span_3_of_12{width:100%;margin-right:0}
.bloc h2{font-size:18px}

.tabs nav ul li h2{font-size:13px}
	
}