/*
Theme Name: MS Thème Metier
Author: Multimed Solutions
Author URI: http://www.multimed-solutions.com/
Description: Thème spécial pour wordpress
Version: 1.0
Text Domain:  site-metier
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;
font-family: 'Roboto', sans-serif;
font-family: 'Playfair Display', serif;
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Roboto:300,400,500,700');

@import url('iconmoon/style.css');

/* ------------------ General ------------------ */
html{background-image: linear-gradient(#ffffff,#ffffff);background-attachment: fixed;font-size: 100%;font-family: 'Roboto', sans-serif;}
body{background:transparent;min-height: 100%;height: 100%;color:#000;font-size: 1rem; line-height: 1.9;font-family: 'Roboto', sans-serif;}

a{color: inherit;text-decoration: none;transition-duration:0.4s;}
a:hover{text-decoration: none;color:#f29b00 !important;}

.flex{display: flex;}

/* ------------------ Header ------------------ */
.site-header{text-align: center;z-index: 22222;position: relative;padding-top: 0;}

/* ---------------- Menu -------------------- */
#navbar{padding: 0.3rem 0;}
.nav.navbar-nav{float: none;display: block;position: relative;text-align: center;font-size: 0;margin-bottom: 0;}
.nav.navbar-nav li{position: relative;}
.nav.navbar-nav li a{display: block;padding: .6rem 2.0rem ;font-size: 1.125rem;text-decoration: none;}
.nav.navbar-nav li ul{z-index: 10000;float: none;display: none;position: absolute;width: 200px;top: 99%;padding: 0 ;text-align: left;background: #444;}
.nav.navbar-nav li ul li{float: none;width: 100%;border-bottom: 1px dotted #aaa;}
.nav.navbar-nav li ul li a{ width: 100%;font-size: 1.2rem;}
.nav.navbar-nav li:hover ul{display: block;}
.nav.navbar-nav li a:hover{color: #000!important  ;}
/*burger*/
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover, .navbar-toggle{background-color: transparent;}
.navbar-inverse .navbar-toggle{border: none;}
/*end*/
/*fildArianne*/
div.breadCrumb{margin-top: 15px;}
/*end*/
/* ---------------- Slider -------------------- */
#slider{background-image: linear-gradient(#000000,#000000);}
.sliderReassurance{background-image: linear-gradient(#e6e6e6,#e6e6e6);font-size: 1.7rem;text-align: center;color: #454545;padding-top:3rem;}

/* ---------------- Main -------------------- */
#main{}
#contentMaster{padding-top: 3.5rem;padding-bottom:1.5rem;}
#contentMaster ul,#contentMaster ol{padding-left:0;}
#contentMaster ul{padding-left:1.5rem;}
#contentMaster li{position: relative;padding-left:1.2rem;list-style-position: inside;}
#contentMaster ul li{    list-style-type: none;line-height: 1.9}

#contentMaster ul li:before {
    font-family: 'FontAwesome';
    content: "\f096";
    font-size: 0.7rem;
    position: absolute;
    left: 0px;
    color: #f29b00;
    top: 3px;
}

/* ---------------- Headings -------------------- */


h1{  font-size: 2.625rem;
font-family: 'Roboto', sans-serif;
color: rgb(242, 155, 0);
  line-height: 1.2;
  text-align: center;
font-weight: 300;}

h2 {
  font-size: 1.9375rem;
 font-family: 'Roboto', sans-serif;
  color: rgb(0, 0, 0);
  line-height: 1.29;
  text-align: left;
}

h3{
  font-size: 1.4375rem;
 font-family: 'Roboto', sans-serif;
  color: rgb(0, 0, 0);
  line-height: 1.714;
  text-align: left;
 
}

h4{font-size: 1.7rem; font-weight: bold;margin-bottom: 0;}

/*page actu*/
h1.entry-title,
h2.entry-title{
    margin-top: 15px;
}
article.post footer.entry-meta{
    height: 9rem;
}
/*eend*/


 /*******************Ferris***********************/
 #top{background: #f59900;}
.navbar-nav li a{
  font-size: 1.125rem;
 font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.333;
  text-align: center;
  text-decoration: none;
      padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.75em;
    padding-right: 0.75rem;
}
li.current-menu-item a {
    color: #000!important;

}
.bg-light {
    background-color: transparent!important;
}

#visu-top {background: url(images/visu-top.jpg) no-repeat ;min-height: 400px;display: flex;}
#clotures{background: url(images/clotures.jpg) no-repeat;min-height: 320px;background-size:   cover;position: relative;}
#clotures .bloc{background: #ef9d0091;height: 100%;display: flex;max-height: 255px;top: 35px;position: absolute;left: 39px;right: 39px;margin: 0 auto -150px;}
#clotures a{
  font-size: 26px;
  font-family: 'Roboto', sans-serif;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  margin:   auto;
}

#portails{background: url(images/clotures.jpg) no-repeat;min-height: 320px;background-size:   cover;position: relative;}
#portails .bloc{background: #ef9d0091;height: 100%;display: flex;max-height: 255px;top: 35px;position: absolute;left: 39px;right: 39px;margin: 0 auto -150px;    -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;}
#portails a{
  font-size: 26px;
  font-family: 'Roboto', sans-serif;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  margin:   auto;
}
#clotures .bloc:hover a{color:  rgb(245, 154, 0)!important  ; }
#portails .bloc:hover a{color:  rgb(245, 154, 0)!important  ; }
#portails .bloc:hover{background:   none; color: rgb(245, 154, 0);    -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;}
#clotures .bloc:hover{background:   none; color: rgb(245, 154, 0);    -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;}
p#slogan {
  font-size: 2.75rem;
font-family: 'Roboto', sans-serif;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 0.932;
  text-align: center;
  text-shadow: 1px 1.732px 5px rgba(37, 37, 36, 0.9);
  margin: auto;
  border: 3px solid #f29b00;
    padding: 11% 25%;
 
}
p#slogan span {font-family: 'Playfair Display', serif;font-size: 1.6875rem;}
p.exergue2 {
    background: #f29b00;
    color: #fff;
    padding: 20px;
}
p.exergue {
    font-size: 1rem;
    font-weight: 400;
    box-shadow: 0 0 0;
    color: #f29b00;
    line-height: 1.2;
}
 /**************************************************/


 
/********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: 0.9rem!important;margin-bottom: 14px;}
.contain-textarea.cookie1 a {color:#fca300 !important;font-size: 1.2rem!important;}

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

/* ---------------- Sidebar -------------------- */
.sidebar{background-image: linear-gradient(#1d1d1d,#1d1d1d);padding-top:15px;padding-bottom:15px;}

.widget h2{margin-bottom: 10px;}
.widget-element{margin-bottom: 25px;}
.widget_recent_entries ul{padding:0;}
.widget_recent_entries ul li{list-style-type: none;}
.widget_recent_entries ul li a{display: block;font-weight: bold;text-decoration: none;}
.widget_recent_entries ul li span{display: block;font-size: 1.3rem;}

.search-form{display: block;position: relative;}
.search-form label{display: block;}
.search-form label span{display: none;}
.search-form .search-field{height: 25px;background: #333;border:none ;padding:20px;width: 100%;color:#fff;}
.search-form .search-submit{height: 35px;width: 35px;position: absolute;right: 4px;top: 1px;line-height: 100px;overflow: hidden;border:none;background: transparent url(images/search.png) no-repeat center center;}

.search-form input[placeholder]{color: #fff;font-weight: normal;}
::-webkit-input-placeholder{color: #fff;}

/* ---------------- Formulaire -------------------- */
.wpcf7-form-control.wpcf7-submit{}
.wpcf7-form-control.wpcf7-submit:hover{}
.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea{background-color: rgb(255, 255, 255);border: none;padding-left: 15px;padding-right: 15px;width: 100%;}
.wpcf7-form-control.wpcf7-text:focus,.wpcf7-form-control.wpcf7-textarea:focus{}

div.wpcf7{padding: 15px;margin-top: 30px;background-color: rgba(242, 155, 0, 0.07);}


/* ---------------- Bouton -------------------- */

.wpcf7-form-control.wpcf7-submit,
.more-link{
    padding: 15px;
    background: #f29b00;
    border: none;
    padding: 6px 20px;
    margin-top: 20px;
}
.btn:hover, .wpcf7-form-control.wpcf7-submit:hover, .more-link:hover {
    background-color: #ef9d00;
    color: #fff!important;
}
/* ---------------- Footer -------------------- */
.site-footer{background-image: linear-gradient(#ffffff,#ffffff);text-align: center;padding:20px 0;font-size: 17px;color: #000;}
.site-footer .copy{font-size: 0.9rem;}

/* ---------------- Divers -------------------- */
.sliderReassurance,.site-footer{line-height: 1.42;}
.telephoneSlider{font-size: 2.5rem;font-weight: bold;}
.telephoneFooter{font-size: 1.6rem;margin-bottom:20px;}
.telephoneSlider a, .telephoneFooter a{text-decoration: none;}
.adresseSlider, .adresseFooter{margin-bottom:20px;}

.textAlignCenter{text-align: center;}
.mentionsLegales{font-style: italic;font-size: 0.7rem;}
footer#colophon .container {
    border-top: 2px solid #aba8a8;
    padding-top: 26px;
}
.adresseSlider, .adresseFooter {
    margin-bottom: 32px;
    margin-top: 20px;
}.adresseSlider span {
    font-family: 'Playfair Display', serif;
    font-size: 1.6875rem;
}
/* ------------------ Break Points ------------------- */
@media screen and (max-width: 1199px) {
     html{
    font-size:88%;
    }
  .nav.navbar-nav li a {
 
    padding: .6rem 1rem;
}
  p#slogan {
 
    padding: 11% 20%;
}
}
@media screen and (max-width: 991px) {
  a.responsive-menu-item-link:hover{color: #000!important;}
    .flex{display: block;}
    .sliderReassurance{display: none;}
  
}
@media screen and (max-width: 767px) {

 p#slogan {
    padding: 30% 5%;
}
     html{font-size: 75%;}
    #navbar{position: fixed; width: 100%; right: 0;top: 0;left: 0;}
    .menu-menu-principal-container{margin-top: 1rem;}
    .navbar-inverse{background-color: #000;position: fixed;width: 100%;top: 0;}
    .nav.navbar-nav li{display: block;}
    .nav.navbar-nav li a{padding: 6px ;font-size: 18px;}
        
    .nav.navbar-nav li ul{display: block;position: relative;width: auto;top: 0;background: #666;text-align: center;}
    .nav.navbar-nav li ul li{float: none;width: 100%;border-bottom: 1px dotted #333 ;}
    .nav.navbar-nav li ul li a{width: 100%;font-size: .9em;}
    .home-link>img{margin-top: 6.5rem;max-width: 80%;padding-bottom: 1.5rem;}
}
@media screen and (max-width: 450px) {
}

#cookie-banner {
    width: 100%;
    background-color: #ffffff;
    position: relative;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 15px;
    /*border-bottom: 2px solid rgba(0, 0, 0, 0.3);*/
    -mox-border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    box-sizing: content-box;
    line-height: 1;
    letter-spacing: 0;
    z-index: 1000;
}

#cookie-banner #cookie-banner-container .right .accept:hover {
    background-color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    color: #000000;
    border: 1px solid #989898;
}


#cookie-banner {
    width: 100%;
    background-color: #000000e6;
    position: relative;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 15px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    -mox-border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    box-sizing: content-box;
    line-height: 1;
    letter-spacing: 0;
    z-index: 1000;
    /* border-top: 1px solid #CCC; */
}

#cookie-banner #cookie-banner-container .right .accept:hover {
    background-color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    color: #000000;
    border: 1px solid #868686;
}

#cookie-banner #cookie-banner-container .right .accept {
    border: 0;
    font-size: 14px;
    margin-right: 12px;
    font-family: 'Open Sans';
    font-weight: 700;
    padding: 9px 17px;
    background-color: #171717;
    color: #fff;
    border: 1px solid #adadad;
    display: inline-block;
    -mox-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    /* box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: none;

}