/*
Theme Name: MS Thème Child
Author: Multimed Solutions
Author URI: http://www.multimed-solutions.com/
Description: Thème spécial pour wordpress
Version: 2.0
Text Domain:  mstheme-child
Template: mstheme
*/

/* ------------------ Include Styles ------------------ */
/* fonts : */
/* Open sans*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);
/*
font-family: 'Open Sans', sans-serif;
*/
/* Lato*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
/*
font-family: 'Lato', sans-serif;
*/
/* Merienda */

/* ------------------ GENERAL ------------------ */
.row{margin:    0 ;padding:     0}
html{
    font-size: 62.5%;
}
body{
    color: #2a2a2a;
    line-height:1.5rem;
    font-size: 1.4rem;
    font-family: 'Open Sans', sans-serif;
}

a{
    color: inherit;
    text-decoration: none;
}

a, a *{
    /*transition: all .25s ease;*/
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    outline: 0!important;

}
a:hover{
    color: inherit;
}

@keyframes bord-bef{50%{top:12px;opacity:1;}to{top:0;opacity:0;}}
@keyframes bord-after{50%{top:37px;opacity:1;}to{top:50px;opacity:0;}}
@keyframes item-menu{/*0%{opacity: 0;top;-100px;} */100%{top:0;opacity:1;}}
@keyframes scroll{10%{top:-5px;}20%{top:4px;}30%{top:-3px;}40%{top:2px;}50%{top:0;}}
@keyframes logo{0%{transform-origin: center;transform: rotate3d(0, 0, 1, 920deg); opacity: 0;filter: blur()}100%{ transform-origin: center; transform: none;  opacity: 1;}}


/*.................... end ......................*/
.map {
    width:100%;
    height:350px;   
}


.map-wrap {
    position:relative; 
}
    
.overlay {
    width: 100%;
    min-height: 116px;
    position: relative;
    top: 0;
}

/* LOGO */



a:visited {
    color: #85bf4f;
;

}
a:link {
;

}

a:focus {
    text-decoration: none;
}

.site-header {
   
}




/* ------------------ HEADER ------------------ */
header#masthead {
   
}

#mysticky-nav {
    width: 100%!important;
    position: static;
    
    background: rgba(255, 255, 255, 0.41);
 
    padding-bottom: 0.8rem;
}

    

.bar-top {
    color: #ffffff;
    /* background: #333; */
    height: 32px;
    padding-right: 0rem;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: right;
    padding-top: 0.6rem;
    position: absolute;
    right: 0;
}
.bar-top span {
    color: #3fcbff;
    /* background: #333; */
    height: 32px;
    padding-right: 3rem;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: right;
    padding-top: 0.6rem;
}
i.fa.fa-phone {
       color: #717171;
    /* background: #5d5c5c; */
    font-size: 1.5rem;
    padding: 6px 12px;
    border-radius: 0px;
    margin-right: 0rem;
    vertical-align: baseline;
}
i.fa.fa-phone:hover {

}
.fa-facebook  {

    background: #353535;
    font-size: 2.2rem;
    padding: 8px 12px;
    border-radius: 0px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    border-radius: 1px;
   
}
.contact {
    line-height: 1;
}
.site-header {
    border-top: solid #2a2a2a 0px;
}


.home-link{
    padding-top: 0px;
}

#logo img {
    margin-top:20px;
}

#logo img:hover {
    /*opacity: .75;*/
}

.telephone {
    position: absolute;
    right: 15px;
    line-height: 65px;
    top :0;
    font-size: 17px;
    letter-spacing: 0.1em;
}

p {
        
        line-height: 2.4rem;
}
li {
    line-height: 2.4rem;
    font-size:1.4rem;
}
.scroll {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    bottom: 20px;
    color : #fff;
    font-size: 3rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
.scroll a:hover {
    text-decoration: none;
}
.scroll span {
    font-size: 1.5rem;
}
.scroll img {
    /*animation: scroll 2.5s ease infinite;*/
    position: relative;
    max-width: 25px;
    top: 0;
}

.blog article { margin: 50px; }
#blog #post-2701 .entry-thumbnail, body.postid-2701 .entry-thumbnail{
    display: none;
}

/* SLOGAN */

/* REA */

/* LOGO PIED DE PAGE SPECIFIQUE */

/*.................... end ......................*/
.separateur-10 {height:10px;display:block;}
.separateur-20 {height:20px;display:block;}
.separateur-30 {height:30px;display:block;}
.separateur-40 {height:40px;display:block;}
.separateur-50 {height:50px;display:block;}

.line1 {
    height:1px;
    border-top:solid #f2f2f2 1px;
    margin-bottom:20px;
    margin-top:20px; 
}

.bg-color {
    background:#85bf4f;
     border-bottom:solid #85bf4f 1px;
}



/* ------------------ MENU ------------------ */
/* ----------- Menu  AEVC SOUS MENU ---------- */
#menu {
    position: relative;
}
.navbar {
    text-align: right;
    border-radius: 0px;
    min-height: 0;
    text-transform: uppercase;
        padding: 2.8% 0 0;
}

#menu .col-sm-5 {
    padding-top: 50px;
}

.navbar-nav , .navbar-inverse  {
   
}

/* liserai barre de menu */

.navbar-nav>li {
    float: none;
    padding: 0 20px;
}
ul.nav{
    /*border-bottom: 1px solid;
    border-top : 1px solid;
    border-color: rgba(234,227,207,0.3);*/
}

ul.sub-menu >.current-menu-item a{background-color:#FFFFFF;}
ul.sub-menu >.current-menu-item {background-color:#FFFFFF;}
.navbar-inverse .navbar-nav>li>a {
    color: #2a2a2a;
    font-size: 1.5rem;
    line-height: 3.6rem;
    letter-spacing: 0px;
    padding: 0px 12px;
    font-weight: 600;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    top: -50px;
    opacity: 0;
    animation: item-menu .3s forwards;
}


.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{  
    color: #85bf4f!important;
    text-decoration: none !important; 
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;

}


.navbar-inverse .navbar-nav>li>a:before, .navbar-inverse .navbar-nav>li>a:after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.3);
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    opacity: 0;
}

.navbar-toggle {
    font-size: 3.5rem;
    color : #85bf51;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: rgb(42, 42, 42)!important;
    background-image: none;
    border:0;
}

ul.sub-menu {
        padding-left: 0;
        display: none;
        position: absolute;
        background: #85bf4f;
        list-style: none;
        width: 350px;
        z-index: 9999;
        }
li.menu-item:hover >ul.sub-menu {
    display: block;
}
div#container.rea{font-size:     17px;color:#fff;}
ul.sub-menu >.menu-item a {
    float: none;
    color:   #fff;
    font-size: 14px;
    width: 100%;
    margin: auto;
    font-weight: 600;
    text-align: center;
    }
ul.sub-menu >.menu-item > a:hover{color: #000!important;text-decoration: none;}
ul.sub-menu > li.menu-item {
    float: none;
    padding: 5px 0;
    text-align: left;
    text-decoration: none;
    padding-left: 13px;
}
ul.sub-menu > li.menu-item:hover{background: #fff;  color: #194181 !important; }
ul.sub-menu > li.menu-item:hover a{color: #194181}

/*.................... end ......................*/
.semi-container{width: 90%;
    margin: auto;    padding-top: 3px;}
    .semi2-container{width: 85%;
    margin: auto;    padding-top: 3px;}
#colophon .semi-container .row {
    padding-bottom: 50px;
    padding-top:90px; 
        border-top: 1px solid #670808;
}
li.current-menu-item a {
    color: #85bf4f!important;
    background: none;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 1rem;
    padding-right:1rem;
    text-decoration: none !important;
}
/*li.current-menu-item:after{
    content: '';
    display: block;
    margin: auto;
    width: 12px;
    height: 12px;
    border: 6px solid;
    border-color: transparent transparent #85bf4f;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}
*/
.dem{position: relative;}
/*div#formel {
       position: absolute;
    bottom: 0;
    width: 93.4%;
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    background: rgba(133, 196, 0, 0.68);
    padding: 20px;
    right: 0;
    text-align: center;
    left: 0;
    margin: auto;
}*/
div#formel {
        line-height: 4rem;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 5rem;
    text-transform: uppercase;
    background: none;
    padding: 20px;
    right: 0;
    text-align: center;
    left: 0;
    margin: auto;
    top: 45%;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9);
    font-weight: 600;
}
.tel span{color: #333333;
    font-weight: bold;}
    .bandeau{background: url(images/bg-01.jpg) no-repeat;background-size: cover;min-height: 250px;}
    .b-spec{background: #fff;display: flex;}
 .b-spec .bloc-txt {
    height: auto;
    background: transparent;
}#s1 {
    background: url(https://www.serilec.fr/wp-content/uploads/2018/12/0095decoup-seri.jpg) no-repeat top center;
    background-size: cover;
   
}
#s2 {
    background: url(https://www.serilec.fr/wp-content/uploads/2018/12/0051seri.jpg) no-repeat top center;
    min-height: 633px;
    background-size: contain;
}

#g1 {
    background: url(https://www.serilec.fr/wp-content/uploads/2018/12/0068decoupe-gravureavion.jpg) no-repeat top center;
    background-size: cover;
   
}
#i1 {
    background: url(https://www.serilec.fr/wp-content/uploads/2015/09/MG_0128.jpg) no-repeat bottom;
    background-size: cover;
    min-height: 500px;
}

#u1 {
    background: url(https://www.serilec.fr/wp-content/uploads/2018/12/0037gravure.jpg) no-repeat bottom;
    background-size: cover;
    min-height: 500px;
}
   /* ------------------ MAIN ------------------ */
#main {position: relative;       margin: 0px auto }
.reverse {
    position: relative;
    margin: 0;
}

.bloc-half-img {
    height: 100%;
    width: 100;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0!important;
    display: flex;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    
}

.bloc-half-img.right {
    left: auto;
    right: 0;
}

.bloc-half-img img {
    height: 100%!important;
    width: 100%;
    max-width: none;
}

.fond {
    background-color:#d8d8d8;
}

.bloc-txt {
    height: 600px;
    overflow: hidden;
    position: relative;
    background: #f4f4f4;
}
.page-id-16 .bloc-txt {
    height: 600px;
    overflow: hidden;
    position: relative;
    background: #F4F4F4;
}
.page-id-16 .bloc-txt div {
    padding: 3rem 2rem;
}
.mt70 {margin-top: 7rem;}

.bloc-txt div {
    padding : 4rem;
}



/* graphic en fond*/
/*
.picto-bg{
    bottom: 5%;
    left: 22%;
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    max-width: 20%;
    opacity: .3;
    position: absolute;
    width: 235px;
    height: auto;
    opacity: .2;
    z-index: 1;

}
*/
.services {
    padding: 75px 0 110px;
    /*background-image: url(http://multimed-solutions.fr/theme-btp/wp-content/uploads/2015/09/background-accelerateurs.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;    
}

.services .wrap-metier a{
    display: block;
    float: left;
    width: 20%;
    padding: 0 5px;
    position: relative;
    margin-top: 30px;
    color: #fff;
}

.services .wrap-metier a .bg-noir {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #383838;
}

.services .wrap-metier a:hover .bg-noir img{
    opacity: 0.4;

}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #85bf51!important;
}

.services .wrap-metier a p {
    line-height: 20px;
    position: absolute;
    z-index: 2;
    top: 250px;
    left: 5px;
    right: 5px;
    letter-spacing: 0.1rem;
    font-size: 1.6rem;

}

.number {
    display: block;
    margin-bottom: 5px;
    color: #cecece;
    font-size: 60px!important;
}



.bg-black {
    background:#171717;
    padding : 50px 0;
    color : #fff;
}

.bg-blanc {background-color: #fff !important;}



.focus {
    background-size: cover;
    padding: 70px 0 90px;
}
.focus .row {
    position: relative;
}
.focus .col-sm-4 {
    position: absolute;
    right: 15px;
    top: 10%;
    height: auto;
    border: 8px solid #b19e7b;
    padding: 30px 20px 50px;
    background-color: #fff;
}
.focus .marron{
    color : #b19e7b;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
}
.focus .col-sm-4 .btn {
    position: absolute;
    margin: .0 20px;
    left: 0;
    right: 0;
    bottom: -30px;
    background-color: #b19e7b;
}

#nav-metiers {
    position: absolute;
    top: -180px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    height: 180px;
    transition: all .25s ease;
}

#nav-metiers .row>div {padding : 10px; background-color: #bfb097;}
#nav-metiers .row a {
    padding: 5px;
    display: block;
    float: left;
    width: 20%;
    position: relative;
    height: 160px;
    
}
#nav-metiers .row a>div {
    position: relative;
    background: #0c0d0d;
}
#nav-metiers .row a.active>div, #nav-metiers .row a:hover>div {
    position: relative;
    background: #a18249;
}

#nav-metiers .row a>div:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    border: 12px solid;
    border-color: #bfb097 transparent transparent;
    margin: auto;
    top: -15px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all .25s ease;
}
#nav-metiers .row a:active>div:after, #nav-metiers .row a:hover>div:after{
    top: 0;
    opacity: 1;
    transition-delay: .2s;
}
#nav-metiers .row a>div>img {
    opacity: .25;
    height: auto;
}

#nav-metiers .row a>p {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(50% - 20px);
    letter-spacing: 0.1em;
    color : #fff;
    font-size : 1.6rem;
    text-align: center;
}

.gallerie {padding : 70px 0;}
.gallery{margin : 0;}
.gallery-item {/* width : 20%; */height: auto;padding: 0;/* background-color: #303232; */}
.photos img {
    width: 100%;
    height: auto;
    border: 0 solid #303232;
    -webkit-filter: saturate(0);
    filter: saturate(0);
    opacity: .3;
}

.photos img:hover {
    -webkit-filter: saturate(100%);
    filter: saturate(100%);
    opacity: 1;
}

.gallery-caption { display:none;}


/*------Footer------*/


.site-footer{
    color : #fff;
    background:#1d231a;
}
#mini-footer {
    background: #1f1e1e;
    padding: 15px 0;
    margin-bottom: 50px;
}
#mini-footer li{    padding: 0 31px;float:  left;   }
.menu-footer ul {
    display: inline-block;
    font-size: 1.6rem;
    letter-spacing: .1em;
    color: #fff;
    list-style-type: none;
    text-transform: uppercase;
    padding: 15px 0 0;
    text-align: center;
}

.site-footer a {
    text-decoration: none;
}

.site-footer a:hover, .site-footer a:focus {
    color: #85bf4f!important;
    text-decoration: none;
}

.site-footer p  {
    line-height:2.5rem!important;
    margin: 0;
}


.site-footer .marron {
    color :#85bf4f!important;
    text-transform: uppercase;
    font-weight: bold;
}

.copy a:visited{ color: #FFFFFF; }
.copy a:link{ color: #FFFFFF; }
.copy{   color: #FFFFFF;  text-align: center;text-transform:    uppercase;  font-size: 10px;        padding-top: 30px;}


#main p, #main ul, #main ol, #main table, #main q, #main blockquote, #main code, #main samp, #main pre {
    margin: 0 0 20px 0;
    text-align: justify;
}

.text-center{text-align:  center !important ;}
.center { text-align: center;}

.site-footer .text-center a {
    text-decoration: underline;
    font-weight: 600;
}

/*.................... end ......................*/

.special-accueil{
    text-align:right!important;
    padding-right: 20px;
}

.contain-line {
    border-bottom: 2px solid #CCCCCC;
    width : 150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
div#top-info {
    color: #85bf4f;
    font-weight: 600;
    padding: 0px 0 10px 15px;

        -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}
div#top-info a:hover{color: #000;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;}
    .myfixed div#top-info {padding: 0 0 0 2px}

     .myfixed #logo img {
    margin-top: 5px;
        width: 43%;
}
     .myfixed .navbar {
      padding: 1.6% 0 0;
}
.myfixed .navbar-nav>li {
      padding: 0 10px;
}
/* ------------------ HEADING ------------------ */
.beige {
    color : #c1b298; 
}


.slogan1 {
    letter-spacing: 0.2em;
    margin: 0;
    text-align: center;
    line-height: 80px;
    letter-spacing: 0px;
    font-size: 5rem;
    font-weight: 400;
    color: #c1b298;
}
.slogan2 {
    font-size: 6.5rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.1em;
    margin: 6rem 0;
    text-align: center;
    line-height: 80px;
    font-weight: 400;
    letter-spacing: 0.4em;
}
.activites {
    font-size: 2.5rem;
    font-weight: 400;
    color: #85bf4f;
    letter-spacing: 0.2em;
    margin: 3.5rem 0 3rem 0;
    text-align: center;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 0;
}
.activites span {
    font-size: 2.5rem;
    font-weight: 400;
    color: #2a2a2a;
    letter-spacing: 0.2em;
    margin: 15rem 0;
    text-align: center;
    line-height: 3.5rem;
    font-weight: 300;
    letter-spacing: 0;
    padding-bottom: 2rem;
}



.slogan1, .slogan2 {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    top : calc(50% - 198px);
    display: block;
}

h1{
    font-size: 3.6rem;
    font-weight: 400;
    text-transform: none;
    color: #303232;
    font-weight: 400;
    text-align: center;
    /* line-height: 5.5rem; */
    letter-spacing: 0.1em;
    text-transform: uppercase;
        margin-bottom: 1rem;
    margin-top: 1rem;

}


.exergue {

    font-size: 3rem;
    font-weight: 200;
    padding: 10px;
    box-shadow: 0 0 6px rgba(0,0,0,0.0);
    margin: 0 0 20px 0;
    line-height: 4.5rem;
    color: #fff;
    text-align: left;
    padding-top: 2rem;

}


.exergue span{
 font-weight: 400;


}
.onh1 {
    letter-spacing: 0;
    font-size: 2.6rem;
    color:#ab937e;        
    text-transform: none;
    text-align: center!important;
    margin:0;
    padding-top: 1.4rem;
}

.underh1{
     font-size: 4.5rem;
    color: #303232;
    font-weight: 400;
    text-align: center;
    /* line-height: 5.5rem; */
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
h2 {
    font-size: 2.5rem;
    color: #85bf4f;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0;
    
}

h2 span:first-child{
letter-spacing: 0;
    font-size: 2.4rem;
    color: #9a9a9a;
    text-transform: none;
    text-align: center!important;
    margin: 0;
    padding-top: 0rem;
    font-weight: 300;
}


#first h1, #first h2 {
text-align: left;

}


.underh2{
     font-size:1.6rem;
    color: #303232;
    font-weight: 400;
    text-align: center!important;
    line-height: 1.8rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin:0!important;
}

h3{
       font-size: 2rem;
    margin-bottom: 20px;
    color: #a9a9a9;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
    padding-top: 2rem;

}

h3 span.onh3 {
    letter-spacing: 0px;
    color :  #ab937e;
    text-transform: none;
}
h4{
    font-size: 1.8rem;
    margin-bottom: 5px;
}
h5{
    font-size: 1.6rem;
    margin-bottom: 5px;
}
h6{
    font-size: 1.6rem;
    margin-bottom: 5px;
}

/*.................... end ......................*/


div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    padding: 0!important;
    position: absolute;
    top: 0;
}



/* ------------------ FORMULAIRE ------------------ */

.wpcf7-form-control.wpcf7-submit{}
.wpcf7-form-control.wpcf7-submit:hover{}
.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea{}
.wpcf7-form-control.wpcf7-text:focus,.wpcf7-form-control.wpcf7-textarea:focus{}

/*.................... end ......................*/





/* ------------------ BTN ------------------ */

.btn, .wpcf7-form-control.wpcf7-submit{
    text-transform: uppercase;
    color: #fff;
    width: auto;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    padding : 10px 20px;
    margin-bottom : 20px; 
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
     border:none;
     font-weight: 400;
         margin-top: 0rem;
}

.wpcf7-form-control.wpcf7-submit {


}
.bg-noir {
    background-color:#303232;
}



.btn:hover, .wpcf7-form-control.wpcf7-submit:hover{

    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;

}

.btn.bg-marron:hover{
    background-color: #827971;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}
a.btn{}
.btn:hover,.wpcf7-form-control.wpcf7-submit:hover{ 
     background: #85bf4f;
     color: #ffffff;}




.button{
    width: auto;
    margin: 5px;
    padding: 5px 15px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 5rem;
    border: 0;
    text-transform: uppercase;
}
.button:visited, .button:active, .button::focus, .button:link,  {
    width: auto;
    margin: 5px;
    padding: 5px 15px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 5rem;
    border: 0;
    border-color: transparent;
    border-style: none;
    text-transform: uppercase;
}

.button:hover{background: #b19e7b;
    color: #fff;
}

.page-id-16 h2{text-align   :   left;   }
/*.................... end ......................*/

    span.wpcf7-form-control-wrap.captcha-892 {
    padding-right: 0px;
}



/* ------------------ ACTUALITES ------------------ */

.single #mysticky-wrap {
    height: auto !important;
}

.meta-nav span {
    display:none!important;
}
.more-link {
    background: none!important;
    color: #fff;
    padding: 10px;
    border-radius: 0;
    display: inline-block;
    transition: all 0.1s;
    white-space: normal;
    font-size :1.4rem;
}
p#actu-home {


font-size: 2rem;
    margin-bottom: 20px;
    color: #717171;
    letter-spacing: 0em;
    text-transform: uppercase;
    text-align: center;
    padding-top: 2rem;
    font-weight: 400;
}

span.meta-nav {
display: none!important;
}
.blog #actu {
display: none;
}
#actu{background: #3a4237;        padding: 0 0 10px;}

a.img-actu img {
    height: auto;
}
a.img-actu {
color:#b1a9a3;
}
#actu ul{list-style: none;padding:  0;}

span.title-actu {
    text-transform: uppercase;
    line-height: 3rem;
    font-size:  1.4rem;

}
.txt-actu p{font-size: 1rem;color:#b1a9a3;     font-size: 1.4rem;text-align:    justify;    }



p#actu-home{
       font-size: 2.5rem;
    margin-bottom: 20px;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    text-align: center;
    padding: 20px 0 0;
}
/*.
/* PAGE ACTU */.


.post-title h1 {
padding:3rem!important;
}
.post-content {
 line-height: 2.5rem;

}
.txt-actu {
    padding-bottom: 2rem;
}
/*................... end ......................*/

/********FORM*********/
span.wpcf7-not-valid-tip {
    color: #f00!important;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
input[type="checkbox"] {
    vertical-align: sub;
}
#cookie-law-info-bar {

    padding: 5px 0;
   
}
.contain-textarea.cookie1 span {color: #716c6c;font-size: 1.2rem!important;}
.contain-textarea.cookie1 a {color:#fca300 !important;font-size: 1.2rem!important;}

.contain-textarea.cookie.c2 {
     font-style: italic;
    color: #585858 !important;
    font-size: 1.2rem!important;
}
.contain-textarea.cookie.c2 a{color:    #e3061b !important}
/*
*******FORM*********/




/* ------------------ BREAK POINTS ------------------- */
@media  screen and (min-width: 992px) and (max-width: 1580px) {

    #box-col{top: 35% !important;}

}
@media screen and (max-width: 1767px) {
    #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
    font-size: 13px;
    text-transform: uppercase;
}.navbar-nav>li {
    float: none;
    padding: 0 10px!important;
}}

@media screen and (max-width: 1579px) {.navbar-nav>li {

    padding: 0 5px!important;
}}
@media screen and (max-width: 1480px) {
    .navbar-nav>li {

    padding: 0 0px!important;
}
.semi2-container {
    width: 93%;
}
div#formel {
    line-height: 1.1;
  
    font-size: 4rem;
  
}
}




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

      .navbar {
    text-align: center;}.navbar-nav>li {
    
    padding: 0 10px;
}
    .navbar-inverse .navbar-nav>li>a {
   
    font-size: 1.3rem;
  
    padding: 0px 6px;
    
}
    .t{ width: 317px !important;    margin: 25px auto !important;}

    h2{font: 45px;
    line-height: 45px;
    margin-bottom: 10px;}
    .services .wrap-metier a p {top: 182px;}
    /*.services .wrap-metier a:hover p {top: 245px;}*/
    #nav-metiers .row a>p {top : calc(50% - 30px)}
    .contact .bloc-txt {
        height: auto!important;
    }
    #nav-metiers {top : -150px; height : 150px;}
    #nav-metiers .row a {height : 130px;}
  

}
@media screen and (max-width: 1100px) {
    .navbar {

        margin-top: 0px;
         

    }

.services .wrap-metier a p {
    top: 84px;
    font-size: 12px;
    }
}

@media screen and (max-width: 991px) {
    div#formel {    top: 20%;}
    .slogan1, .slogan2{
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 14px);
    display: block;
}
    .activites {
    font-size: 2.5rem;
        margin: 4rem 0 0;    }

    .bar-top {
        text-align:center;
    }
    p {line-height: 20px;}

    .slogan2 {
    font-size: 4rem;
    }
    .slogan1 {
         font-size: 3rem;
    }

    .navbar-inverse .navbar-nav>li>a {
    font-size: 1.3rem;
    padding: 0 8px;}

    .bloc-txt {height: 480px;}
    .bloc-txt div {
        padding : 2rem;
    }
    h2 {
        line-height: 35px;}
    h2 span.underh2 {
        font-size: 1.6rem;
    }
    h2 span.onh2 {
        font-size: 2.6rem;
    }
    .services .wrap-metier a p {
    top: 101px;
    font-size: 13px;
}
    h3 {  font-size: 20px;
    line-height: 25px;}
    .menu-footer ul { 
        font-size: 12px;;
    }
    h1 {line-height: 6.5rem;}    
    #logo img {margin-top: 00px; }
    #nav-metiers {top : -125px; height : 125px;}
    #nav-metiers .row a {height : 105px;}
    .number {font-size: 4rem!important;}
    #nav-metiers .row a>p {font-size: 1.3rem;}
    html{font-size: 57% !important;}
  
}




@media screen and (max-width: 767px) {
    ul.sub-menu {
    position: relative;}
    .text-center.dem.semi-container {
    display: none;
}
     div#formel {
    top: 0%;
   
}

    
    .activites {
    font-size: 3.5rem;
}
.dem {
    position: relative;
    margin-top: 20px;
}

    .navbar {

        margin-top: 0px;
         background: #FFFFFF;

    }
    .bar-top {
          text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%; 
    }


    .slogan1, .slogan2 {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 0px);
    display: block;
    }
    .number img{ display: none!important;}

    h2 {
   
    line-height: 3.5rem;
    }
    .activites {
       font-size: 3rem;
    margin: 3rem 0 0;
    line-height: 2.9rem;

    }
    .activites span {
   font-size: 2.5rem;
}
.bloc-txt form div {
    padding: 4rem 10px;
}


    ul.nav{border :0;}
    .navbar-inverse .navbar-nav>li>a{
        font-size: 1.2rem;
    }
    div#slider-contact{top:initial; }
    .bloc-half-img {    
    height: auto;
    position: relative;
    z-index: 200;}
    .bloc-txt {height: auto;z-index: 200;}
    
    .services .wrap-metier a{    
        display: block;
        float: left;
        width: 100%;
        padding: 0 5px;
        position: relative;
        margin-top: 10px;
    }
    
    .services .wrap-metier a .more {
        display: block;
        position: absolute;
        top: 0;
        border-bottom: none;
        line-height: 40px;
        text-align: center;
        left: auto;
        right: 15px;
        z-index: 5;
        opacity: 1;
        color: #fff!important;
        font-size: 12px!important;
    }
    .services .wrap-metier a p{
        height: 16px;
        left: 20px;
        right: 20px;
        text-align: left!important;
        height: 45px;
        margin: auto;
        bottom: 0;
        top: 40px;
    }
    .services .wrap-metier a:hover p {top : 40px;}
    .services .wrap-metier a:hover .more { top:0; }
    .focus .col-sm-4{
        padding: 20px 15px 40px;
        position: relative;
        right: 0;
        width: auto;
        margin: 15px;
        border-width: 5px;
    }
    .menu-footer ul {
        display: none;
    }
    
    .site-footer .marron {
        margin-top : 30px;
    }
    .site-footer {padding : 0 ;}
    h1 {font-size: 2.5rem;line-height: 4rem;}
    .slogan1 {font-size : 2rem;}
    .slogan2 {font-size: 2.5rem;    margin: 3rem 0;}
    .navbar {text-align: center; }
    
    #nav-metiers .row a {width: 100%;
        height: auto;
        max-height: 100px!important;
        overflow: hidden;  }
    #nav-metiers {height: auto; position: relative;top : 0;max-height: 1000px!important;}
    li.current-menu-item:after{   content:none;}
    html{font-size: 50%!important;}
}
}

@media screen and (max-width: 450px) {
    .slogan2 {
		font-size: 2rem;
	}
	.contain-rea { margin-bottom: 20px;}
}

@media screen and (max-width: 500px) {
	#colophon img.logo {
		width: 65% !important;
	}
}

.page-id-626 h2 {
    text-align: left;
    margin-top: 50px;
}
.contain-textarea.cookie1 {
    padding: 0!important;
}
.contain-textarea.cookie.c2 {
    padding: 0!important;
}
.col-xs-12.col-lg-6.form.bloc-txt.bg-blanc {
    min-height: 700px;
}
.row.reverse {
  
    background: #f4f4f4;
}