/*
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
*/

/* vars 









*/



/* ------------------ 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
@import url(https://fonts.googleapis.com/css?family=Merienda:400,700);*/
/*
font-family: 'Merienda', cursive;
*/
/*
        Niconne
@import url(https://fonts.googleapis.com/css?family=Niconne);*/
/*
font-family: 'Niconne', cursive;
*/
/*
        Baumans
@import url(https://fonts.googleapis.com/css?family=Baumans);*/
/*
font-family: 'Baumans', cursive;
*/
/*
        Courgette
@import url(https://fonts.googleapis.com/css?family=Courgette);*/
/*
font-family: 'Courgette', cursive;
*/
/*
        Droid sans
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);*/
/*
font-family: 'Droid Sans', sans-serif;
*/
/*
        Droid sans Mono
@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono);*/
/*
font-family: 'Droid Sans Mono', 'Droid Sans', sans-serif;
*/
/*
        Lobster
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic);*/
/*
font-family: 'Lobster Two', cursive;
*/
/*
        Pinyon script
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);*/
/*
font-family: 'Pinyon Script', cursive;
*/
/*
        Poiret one
@import url(https://fonts.googleapis.com/css?family=Poiret+One);*/
/*
font-family: 'Poiret One', cursive;
*/
/*
        Quicksand
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);*/
/*
font-family: 'Quicksand', sans-serif;
*/

 


/* ------------------ GENERAL ------------------ */
.row{margin:    0 ;padding:     0}
.row .col-md-6{padding: 0}

    .peint{  padding: 5% 0;}
html{
    font-size: 62.5%;
}

body{
    font-family: 'Dosis', sans-serif;
    color: #000;
    line-height:1.5rem;
    font-size: 1.4rem;
    font-family: 'Open Sans', sans-serif;
}
body .home{background: #fff}
body .page{background: #F4F4F4}

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 */



.blog .post a:visited {
    color:#337ab7!important;

}

a:visited {
    color:#fff!important;

}
a:link {
;

}

a:focus {
    text-decoration: none;
}

.site-header {
    background: #000;
}
/* ------------------ HEADER ------------------ */
header#masthead {
    width: 100%;
    height: 96vh;
    background: url(images/bg-01.jpg) right center no-repeat;
    background-size: cover;
    position: relative;
    min-height: 100%;
}
div.wpcf7-validation-errors{margin: 0!important  ;  padding: 11px!important;
}
.blog #main, .single #main{    min-height: 612px;}
#mysticky-nav {
    width: 100%!important;
    position: static;
    top: -100px;
    background: rgba(0, 0, 0, 0.41);
    padding-top: 1.5rem;
    padding-bottom: 0.8rem;
}
.page-id-16 .bloc-txt div {
    padding: 4rem 4rem 0;
}
    
.entry-thumbnail {
    margin: 20px 0;
}
.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;
   
}

.site-header {
    border-top: solid #000 0px;
}


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

#logo img {
    margin-top:0px;
    /*animation: logo 2s forwards;*/
}

#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;
}



/* 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:#3a1e33;
     border-bottom:solid #f2f2f2 1px;
}



/* ------------------ MENU ------------------ */
/* ----------- Menu  AEVC SOUS MENU ---------- */
#menu {
    position: relative;
}
.navbar {
    text-align: center;
    border-radius: 0px;
    min-height: 0;
    margin-top:26px;
    text-transform: uppercase;
}

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

.navbar-nav , .navbar-inverse  {
    z-index:9999999;
}

/* liserai barre de menu */


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;}

.navbar-inverse .navbar-nav>li>a{
    color : #fff;
    font-size: 1.4rem;
    line-height: 3.6rem;
    letter-spacing: 0px;
    padding : 0px 12px;
    font-weight: 400;
    -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: #00acec!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 : #fff;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent!important;
    background-image: none;
    border:0;
}
/*.................... end ......................*/

li.current-menu-item a {
    color: #00acec!important;
    background: none;
    padding-top:10px;
    padding-bottom: 10px;
    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 #00acec;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}
*/

/* ------------------ MAIN ------------------ */
#main {position: relative;}
.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: auto;
    max-width: none;
}

.fond {
    background-color:#d8d8d8;
}

.bloc-txt {
    height: 600px;
    overflow: hidden;
    position: relative;
    background: #F4F4F4;
}
.page-id-16 .bloc-txt {height:  700px;}

.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;

}

.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;}



.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:#000000;
}
#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: #00acec;
    text-decoration: none;
}

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


.site-footer .marron {
    color :#86807a;
    text-transform: uppercase;
    font-weight: bold;
}

.entry-meta {background-image: url(http://multimed-solutions.fr/theme-btp/wp-content/uploads/2015/09/texture-noire.jpg);}
.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;}
}
/*.................... 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;
}
/* ------------------ 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: 4.5rem;
    font-weight: 400;
    color: #00a9e8;
    letter-spacing: 0.2em;
    margin: 15rem 0;
    text-align: center;
    line-height: 0;
    font-weight: 300;
    letter-spacing: 0;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.44);
}
.activites span {
    font-size: 3.5rem;
    font-weight: 400;
    color: #fffefe;
    letter-spacing: 0.2em;
    margin: 15rem 0;
    text-align: center;
    line-height: 3.5rem;
    font-weight: 300;
    letter-spacing: 0;
    border-bottom:1px solid rgba(255,255,255,0.5);
    padding-bottom: 2rem;
    text-shadow: 1px 1px 1px #000000;
}



.slogan1, .slogan2, .activites {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 280px);
    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;

}
.single h1{ font-size: 2.6rem;margin-top:   50px;}

.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: #9a9996;
    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: #00acec;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 4rem;
}

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 ......................*/
.blog div{    line-height: 4rem;}

.blog .post{margin: 20px;    border-bottom: 1px solid #eee;
    padding-top: 23px;
    padding-bottom: 23px;}



/* ------------------ 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 ......................*/

.pg{padding: 0 !important}
.page-id-550 .col-md-4{padding:4rem 0 4rem 2rem !important}


/********FORM*********/
.contain-textarea.cookie1 {
    padding: 0!important;
}
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 {
margin-bottom: 15px;
    padding: 5px 0;
   
}
.contain-textarea.cookie1 span {color: #716c6c;font-size: 1.2rem!important;
 margin-bottom: 15px;
}
.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;
       padding: 0;
}
.contain-textarea.cookie.c2 a{color:    #e3061b !important}
/*
*******FORM*********/
a#CONSTANT_OPEN_URL {
    color: black!important;
}
/* ------------------ 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; 
    -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;
         border-left: 5px solid #8a507b;
}

.wpcf7-form-control.wpcf7-submit {

margin-top: 20px;
}
.bg-noir {
    background-color:#303232;
}



.btn:hover, .wpcf7-form-control.wpcf7-submit:hover{
    border-left: 5px solid #8a507b;
    background-color:  #dedede!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;

}

.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{
    color: #2b2b2b!important;
    }

.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: 50px;
}



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

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

.meta-nav span {
    display:none!important;
}
.more-link {
    background: none!important;
    color: #337ab7!important;
    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: #2a2a2a;        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: #787878;
    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 ......................*/

.home #mysticky-wrap{height: 0!important}

#page #mysticky-wrap{height: auto!important;    margin-bottom: 0px;}

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

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

}

@media screen and (max-width: 1199px) {
    h1{font-size: 2.5rem}
    h2{font-size: 1.5rem}
    h3 {
    font-size: 1.5rem;
    margin-bottom: 0;
    color: #a9a9a9;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
    padding-top: 0;
}
    .bloc-txt {height: auto;}
    .navbar-inverse .navbar-nav>li>a {
   
    font-size: 1.3rem;
  
    padding: 0px 6px;
    
}
    .t{ width: 317px !important;    margin: 25px auto !important;}
    .bloc-txt {height: auto;}
    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;
            background: rgba(0,0,0,0.9);

    }

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

@media screen and (max-width: 991px) {
    .slogan1, .slogan2, .activites {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 175px);
    display: block;
}
    .activites {
    font-size: 2.5rem;
    margin: 15rem 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.4rem;
    padding: 0 20px;
    }*/
  


    .navbar-inverse .navbar-nav>li>a {
    font-size: 1.3rem;
    padding: 0 8px;
}
    .bloc-txt {height: auto;}
    .bloc-txt div {
        padding : 2rem;
    }
    h2 {  font-size: 1.5rem;
        line-height: 1.5rem;}
    h2 span.underh2 {
        font-size: 1.6rem;
    }
    h2 span.onh2 {
        font-size: 2.6rem;
    }
    .services .wrap-metier a p {
    top: 101px;
    font-size: 13px;
}
    /*.services .wrap-metier a:hover p {top: 170px;}*/
    h3 {  font-size: 1.5rem;
    line-height:  1.5rem;}
    .menu-footer ul { 
        font-size: 12px;;
    }
    h1 {font-size: 3rem;line-height: 3rem;}    
    #logo img {margin-top: 40px; }
    #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;}
}


@media screen and (max-width: 767px) {
    .activites {
    font-size: 3.5rem;
}

    .navbar {

        margin-top: 0px;
            background: rgba(0,0,0,0.9);

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


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

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

    }
    .activites span {
   font-size: 2.5rem;
}



    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;}
    
}

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

}