/* Header */

nav.navbar.top-nav-collapse {
    z-index: 1000;
}

.navbar-brand{
    height: 73px;
    margin-top: 5px !important;
    padding: 3px 0 0;/*
    border-top:2px solid #856929;
    border-bottom:2px solid #856929;*/
}
nav.navbar.navbar-dark ul.nav > li > a {
 /* color: #856929; */
 font-weight:bold;
}

nav.navbar ul.nav > li > a {
    padding: 30px 10px 25px;
}

.white{
    color:#FFF;
    display:block;
    margin-bottom: 0;
}

/* Home */
.parallax{
    font-size: 17pt;
    line-height: 50pt;
    font-weight: 700;
}

.parallax-accueil{

  background-image: url("../img/giraud-home-chauffage.jpg") !important;
}
.parallax-chauffage{

  background-image: url("../images/giraud-chauffage-installation-chaudiere.jpg") !important;
}
.parallax-plomberie{
  background-image: url("../images/giraud-plomberie-tuyaux2.jpg") !important;
}
.parallax-pompe{
  background-image: url("../images/giraud-chauffage-pompe-a-chaleur.jpg") !important;
}
.parallax-sdb{
  background-image: url("../images/giraud-plomberie-footer.jpg") !important;
  background-position: 0 bottom !important;
}
.parallax-chaudiere{
  background-image: url("../images/giraud-chauffage-installation-chaudiere.jpg") !important;
}
.parallax-chauffe-eau{
  background-image: url("../images/giraud-plomberie-tuyaux.jpg") !important;
}

.parallax div div div div div{
    margin:80px 0;
}

.content-logo-homepage{
    display: flex;
    justify-content: center;
}

/*.allBoxs {
    padding-left: 0;
    padding-right: 0;
    }*/


    .icon-column-contain{
        min-height: 220px;
    }

    .icon-column-contain p{
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;   
    }

    .icon-column-contain:hover p{
        height: 140px;
    }

    .box-bleue:hover p{
        height: 170px;
    }

    .box-gris:hover p,
    .box-rouge:hover p{
        height: 140px;
    }

    .box-vert:hover p{
        height: 220px;
    }

    .startContent {
        margin-top: 300px;
        z-index: 1;
    }

    .pictures {
        min-height: 377px
    }

    .parallax h3,
    .parallax p > a {
        text-decoration: none;
    }

    #example1 {
        text-decoration: none;
    }

    .presentationText {
        font-size: 16px;
    }

    /* Carte */
    .menus span, .carte span{
        display:block;
        margin:10px 0;
        width:100%;
    }

    .carte span span{
        display: inline-block;
        text-align: right;
        width: 25%;
    }
    .carte div{
        width:100%;
        position: relative;
        display: block;
    }

    .carte div .tarif{
        color: #f43438;
        display: inline-block;
        font-weight: bold;
        text-align: right;
        width: 25%;
    }

    .carte div .denomination{
        width:74%;
        display: inline-block;
    }


    footer{
        padding:0 !important;
    }

    h2{
        font-size:30px;
    }
    /* Footer */

    legend {
        color: #fff;
        font-size: 12px;
        margin-bottom: 10px;
        border-bottom: 0;
    }

    .informations_footer .timeFooter{
        float: left;
        font-size: 11px;
        font-weight: 700;
        height: auto;
        line-height: 18px;
        margin: 0;
        padding-left: 3%;
        width: 65%;
    }

    .informations_footer .labelFooter{
        clear: both;
        color: #f43438;
        float: left;
        font-size: 11px;
        font-weight: 700;
        height: auto;
        line-height: 18px;
        margin: 0;
        width: 35%;
    }

    .logo-capeb {
        height: 100px;
    }
    /* Date picker */


    .panel-title a .plus, .panel-title a .minus {
        background-color:#856929 !important;

    }


    .datepicker-days .table-condensed tbody tr td.day{
        cursor:pointer;
    }
    .datepicker-days .table-condensed tbody tr td.disabled{
        color:#CCC !important;
        cursor:default;
    }


    .box-dore{
        background-color:#856929 !important;
    }

    .nopadding{
        padding:0 !important;
    }

    .feature-restaurant div div h3{
        color:#856929;
    }

    .newsletter-button{

        margin-top:25px;
        margin-bottom:25px;
    }

    .modal-title{
        color:#000;
    }

    /* Inscription newsletter */
    #mc-embedded-subscribe {
        display:inline;
    }

    /* Carte */
    .carte-page{
        padding-top:40px;
    }

    .padding-top20{
        padding-top:20px !important;
    }
    .bloc-plomberie{
        text-align: center;
    }
    .bloc-plomberie h3{
        color: #c90b09;
        font-size: 17px;
        margin: 0;
    }
    .bloc-plomberie p {
        margin: 0;
    }

    .bloc-plomberie img{
        margin-bottom:10px !important;
    }

    .blue-perso-bg{

    }

    /* couleurs */

    .backblue{
        background-color: #2B354E;
    }


    .cart-item, .top-container, .toTop:hover, a.openpanel, .primary-bg, .slider-selection, .btn-primary, .btn-link::before, .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar, .navbar-toggle:active .icon-bar, .navbar.navbar-white .navbar-toggle:hover .icon-bar, .navbar.navbar-white .navbar-toggle:focus .icon-bar, .navbar.navbar-white .navbar-toggle:active .icon-bar, #parallax-nav li.page-scroll.active a, #parallax-nav li.page-scroll a.selected, #parallax-nav li.page-scroll:focus a, .drop-primary.drop-circle, .drop-primary.drop-square, .heading-section span, .highlight.primary, .icons-wrapp .count, .text-block .fa, .precess-column.hover .precess-icons, .icon-circle:hover, .icon-square:hover, .icons-wrapp.icons-primary, .icon-circle.fa-primary, .icon-square.fa-primary, .box-primary, .icon-column.box-primary, .icon-top .fa-primary, .filter-items li a:hover, .filter-items li a.active, .filter-items li a.active:hover, .filter-items li a.active:focus, .filter-items li a.active:active, .donut-chart.chart-primary .pie, .line-chart li span::before, .line-chart li span::after, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .gray-container .nav-tabs > li.active > a, .gray-container .nav-tabs > li.active > a:hover, .gray-container .nav-tabs > li.active > a:focus, .panel-title a:hover .plus, .panel-title a .minus, .panel-title a:hover .minus, .cta-primary, .show-caption, .hephaistos .tp-bullet:hover, .hephaistos .tp-bullet.selected, .captionTextline3, .circle-progress.primary span, .progress.progress-primary .progress-bar, div.pp_default .pp_close:hover, div.pp_default .pp_expand:hover, div.pp_default .pp_contract:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-buttons div:hover, .tag:hover, .tag:focus, .tag:active, .product-label, .price-lg, .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .flex-control-paging li a:hover, .flex-control-paging li a.flex-active, .styled-table thead th, .styled-table thead td, .basket-shopping, .maintenance-icon, .btn-rotate:hover, .btn-rotate:active, .btn-rotate:focus, .maps.map-primary i, .pricing.popular .pricing-price, .jcf-scrollbar-vertical .jcf-scrollbar-handle:hover, .jcf-scrollbar-vertical .jcf-scrollbar-handle:focus, .jcf-scrollbar-vertical .jcf-scrollbar-handle:active, .jcf-scrollbar-vertical .jcf-scrollbar-dec:hover, .jcf-scrollbar-vertical .jcf-scrollbar-inc:hover, .custom-search-head, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today, .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, .testimoni-single, ol.process-line > li.active > .icons > .fa, ol.process-line > li:hover > .icons > .fa, .maps.map-primary i, .rev-linner, .cap-link:hover, .cap-link:active, .img-caption, .home-app, .cap-link:focus{
        border-color:#C90B09 !important;
    }


    nav.navbar li.dropdown ul.dropdown-menu, .cart-dropdown, .primary-border, .btn-primary, .btn-primary.btn-bordered.btn-icon .fa, .navbar-nav > li.active > a, .dropdown-menu, .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active, .navbar.navbar-white .navbar-toggle:hover, .navbar.navbar-white .navbar-toggle:focus, .navbar.navbar-white .navbar-toggle:active, #parallax-nav li.page-scroll.active, #parallax-nav li.page-scroll:active, #parallax-nav li.page-scroll:focus, .icons-wrapp.icons-primary::before, .icon-circle.icon-bordered:hover, .icon-square.icon-bordered:hover, .icons-wrapp.icons-primary, .icon-circle.icon-bordered.fa-primary, .icon-square.icon-bordered.fa-primary, .line-chart li span::before, .line-chart li span::after, .form-control:focus, .jcf-select:focus, .checkator_source:focus + .checkator_element, .checkator_source:hover + .checkator_element, .tab-secondary .nav-tabs, .filter-items li a:hover, .filter-items li a.active, .filter-items li a.active:hover, .filter-items li a.active:focus, .filter-items li a.active:active, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .post-heading .post-data, .tag:hover, .tag:focus, .tag:active, .flex-control-thumbs img:hover, .flex-control-thumbs .flex-active, .btn-rotate:hover, .btn-rotate:active, .btn-rotate:focus, .wrap-form .nav-tabs > li.active > a, .pricing.popular, .pricing:hover, .pricing.secondary:hover .pricing-price, .pricing.popular .pricing-price, .custom-search-wrapp, .custom-search-wrapp .pull-right, .icon-top.selected .icon-box-contain, ol.process-line > li.active > .icons > .fa, ol.process-line > li:hover > .icons > .fa{
        background-color: #C90B09 !important;
    }
    nav.navbar.navbar {
        background-color: #2B354E;
    }
    nav.navbar ul.nav > li > a {
        color: #fff;
    }
    nav.navbar ul.nav > li > a:hover {
        color:#F2FF00 !important;
    }



    .form-wrapper.dark-bg, .toTop {
        background-color:rgba(43,53,78,0.8);
        color: #fff;
    }

    form#contact-form2.contactus-form2 {
        height: 600px;
    }

    .panel-body.bg-success p {
        color: #5e5e5e;
    }

    .panel-body.bg-danger h4, .panel-body.bg-danger li, .panel-body.bg-danger li label {
    color: #5e5e5e;
    }

    .parallax {
        font-size: 12pt;
        font-weight: 700;
        line-height: 24pt;
    }
    .parallax h3{
        text-align: center;
    }
    .parallax p a{
        margin-top: 20px;
    }
    footer > a{
        color:#FFF;
    }

    footer > a:hover{
        color:#C90B09 !important;
    }

    footer {
        background-color: #2B354E;
    }

    footer .widget {
        margin-bottom:0px;
    }

    .subfooter {
        background: #0D1730 none repeat scroll 0 0;
    }

    .informations_footer .labelFooter{
        color:#C90B09;
    }

    .informations_footer .labelFooter, .informations_footer .timeFooter{
        line-height: 26px;
    }

    .link-list li a {
        color: #fff !important;
    }
    .link-list li a:hover {
        color: #C90B09 !important;
        text-decoration: none;
    }

    .link-list2 li a {
        color: #C90B09!important;
    }
    .link-list2 li a:hover {
        color: #000 !important;
        text-decoration: none;
    }

    .rouge{
        color: #C90B09;
    }

    .box-bleue{
        background-color:#2B354E !important;
    }

    .box-rouge{
        background-color:#C90B09 !important;
    }

    .box-gris{
        background-color:#5c5c3e !important;
    }

    .box-vert{
        background-color:#339900 !important;
    }

    .bloc-marque a img, .bloc-marque img{
      border-radius: 50%;
      -webkit-transition: -webkit-transform .8s ease-in-out;
      transition: transform .8s ease-in-out;
  }

  .bloc-marque a img:hover, .bloc-marque img:hover{
    background-color: #c90b09;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
/* fin couleurs */



/*sliders*/

.yellow {
  color: #F2FF00!important;
  font-size: 62px;
  font-weight: 800;
  text-align: center;
  text-shadow: 2px 0 0 #2B354E, -2px 0 0 #2B354E, 0 2px 0 #2B354E, 0 -2px 0 #2B354E, 1px 1px #2B354E, -1px -1px 0 #2B354E, 1px -1px 0 #2B354E, -1px 1px 0 #2B354E;
}

.yellow:last-child {
  font-size: 42px;
  text-align: center;
}   

.container-slide{
    margin:auto;
}

/* Media Queries */

@media screen and (max-width: 992px) {
    h5:hover {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

    .startContent {
        margin-top: 850px;
    }

    .icon-column-contain {
        min-height: 0;
    }

    .box-vert:hover p {
        height: 0;
    }

    .icon-column-contain:hover p {
        height: 100px;
    }
}

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

body {
    background: url(../img/crossed_stripes.png);
    padding:0;
    margin:0;
    font-family: 'Din', Arial, "Trebuchet MS";
}

a img {
    border: none;
}

a {
    text-decoration: none;
    color: #6E052E;
}

#content {
    width: 1000px;
    font-family: 'Din', "Trebuchet MS";
    color :#FFF;
    margin: 0 auto;
    text-align: justify;
}

/* Contient le header avec un background noir transparent */

#conteneur_header {
    width:100%;
    height:134px;
    background:url(../img/transparency.png);
    position:fixed;
    z-index:9999;
    top:0;
}

#header {
    height: 134px;
    width:1000px;
    margin:0 auto;
    overflow: hidden;
}

#logo {
    margin-top: 20px;
    float: left;
}

ul#menu {
    list-style: none;
    float: right;
    margin-top: 60px;
}

ul#menu li {
    display: inline;
    margin-left: 80px;
}

ul#menu li a {
    color: white;
    text-transform: uppercase;
    font-size: 18px;
}

/* #works contient tous les travaux, le margin-top est élevé pour ne pas apparaitre sous le menu flottant */

#works {
    margin-bottom: 40px;
    overflow: hidden;
}

#works .work {
    /* Voici le overflow:hidden qui permet de cacher les triangles et de ne les voir apparaitre que lorsqu'ils sont dedans la div */
    overflow: hidden;
    width:311px;
    height: 292px;
    border: 4px solid #222;
    cursor: pointer;
    position: relative;
    -moz-transition: all .6s; 
    -webkit-transition: all .5s; 
    -o-transition: all .6s; 
    transition: all .6s;
    float: left;
    margin-right: 20px;
    margin-bottom:50px;
}

#works .work:hover {
    border: 4px solid #FFF;
}

#works .work img {

}

#works .work .triangle-droite {
    background: url(../img/triangle-droite.png);
    width: 312px;
    height: 293px;
    position: absolute;
    /* Voici le décalage du triangle à droite lorsqu'on n'est pas en :hover */
    right: -312px;
    bottom: -293px;
    -moz-transition: all .6s; 
    -webkit-transition: all .6s; 
    -o-transition: all .6s; 
    transition: all .6s;
}

#works .work:hover .triangle-droite {
    /* Voici la position du triangle à droite lorsqu'on est en :hover */
    right: 0;
    bottom: 0;
}

#works .work .triangle-gauche {
    background: url(../img/triangle-gauche.png);
    width: 312px;
    height: 293px;
    position: absolute;
    /* Voici le décalage du triangle à gauche lorsqu'on n'est pas en :hover */
    left: -311px;
    top: -293px;
    -moz-transition: all .6s; 
    -webkit-transition: all .6s; 
    -o-transition: all .6s; 
    transition: all .6s;
}

#works .work:hover .triangle-gauche {
    /* Voici la position du triangle à gauche lorsqu'on est en :hover */
    left: -1px;
    top: -1px;
}

#works .work span {
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    position: absolute;
    /* Voici la position du span lorsqu'on n'est pas en :hover */
    top: 125px;
    left: -280px;
    font-family: 'Din';
    background: #222;
    padding-left: 70px;
    padding-right: 8px;
    -moz-transition: all .5s; 
    -webkit-transition: all .5s; 
    -o-transition: all .5s; 
    transition: all .5s;
}

#works .work:hover span {
    /* Voici la position du span lorsqu'on est en :hover */
    left: 0px;
}

.imgGalerie {
    min-height: 400px;
}

.marginBot60 {
    margin-bottom: 60px;
}

.slider2 {
    width: 600px;
    margin: auto;
}

.tp-revslider-mainul:nth-child(2) {
    width: 600px!important;
}


#accueil h1{
    font-size: 30px;
    color: #C90B09;
    line-height: 52px;    
    font-family: 'open_sans';
    font-weight: 700;
    margin: 0 0 15px 0;
}

#accueil h1 span{
    margin-bottom: 20px;
    margin: 0 0 10px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #292929;
}

#accueil h2{
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-family: 'open_sans';
    font-weight: 700;
    margin: 0 0 15px 0;
}


#services h1{
    font-size: 30px;
    line-height: 52px;
}

#contact h1{
    font-size: 30px;
    text-align: center;
}