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

html {background:#fff; font-family: "FranklinGothicBookRegular", "Franklin Gothic", "Franklin Gothic Medium", "ITC Franklin Gothic", Arial, sans-serif; color:#fff;}
.clear {clear:both;}
.wrapper {width:980px; margin:0 auto;}
.noir {color:#000!important;}
.content {float:left; width:720px;}

.wrapper h2 {font-size:20px; font-weight:normal; font-family:"Franklin Gothic Medium","FranklinGothicBookRegular", "Franklin Gothic",  "ITC Franklin Gothic", Arial, sans-serif; text-transform:uppercase; padding-bottom:5px;}
.wrapper p {font-size:13px; line-height:155%; padding-bottom:12px; font-weight:normal;}

#slider {width:720px; height:295px; overflow:hidden; position:relative; display:block; z-index:2; margin-bottom:35px;}

#plomberiecn {background:url(../images/bg_blanc.jpg) repeat-x; height:648px; width:100%;}
#plomberiecn #header {width:980px; margin:0 auto; padding-top:25px; padding-bottom:15px; color:#fff; text-align:right; font-size:13px;}
#plomberiecn .wrapper {background:#000; padding-top:50px; height:545px;}


#realisation {background:url(../images/bg_gris.jpg) repeat-x; height:606px; width:100%;}
#realisation .wrapper { height:100%;}
#realisation .sidebar {background:#1e1e1e; height:100%;}
#realisation .section {float:left; width:237px;}
#realisation .section .titre {display:block; text-decoration:none; padding:40px 10px 10px 40px; width:219px; height:102px; background:url(../images/background_section.png) no-repeat; transition:opacity 200ms ease-out; -webkit-transition:opacity 200ms ease-out; cursor:pointer;}
#realisation .section .titre .main_section {font-size:26px; color:#fff; text-transform:uppercase; font-weight:normal; font-family:"Franklin Gothic Medium","FranklinGothicBookRegular", "Franklin Gothic",  "ITC Franklin Gothic", Arial, sans-serif; margin-bottom:15px;}
#realisation .section .titre span {font-size:13px; color:#0556a5; text-transform:uppercase; font-weight:normal; transition:color 200ms ease-out; -webkit-transition:color 200ms ease-out;}
#realisation .section .titre:hover {opacity:0.9;}
#realisation .section .titre:hover span {color:#fff;}

.galerie {width:230px; margin-left:25px;}
.galerie .realisation {text-align:center; width:65px; height:69px; display:block; overflow:hidden; border:1px solid #000; float:left; margin:5px; transition:border-color 250ms ease-in-out; -wenkit-transition:border-color 250ms ease-in-out;}
.galerie .realisation.first {margin-left:0px;}
.galerie .realisation.last {margin-right:0px;}
.galerie .realisation:hover {border-color:#006dd8;}
.galerie .realisation a {text-align:center; width:65px; height:69px; display:block;}
.galerie .realisation a img {max-width:75px; max-height:75px; min-height:69px; min-width:65px;}


#contact {background:#080808; width:100%;}
#contact .logo {border:1px solid #cbcccd; display:block; text-align:center; width:248px; height:123px; margin:8px 0px 0px 8px; cursor:pointer; transition:border-color 250ms ease-out;}
#contact .logo:hover {border-color:#000;}
#contact .wrapper {background:#fff; height:100%;}
#contact .sidebar {height:100%;}
#contact .sidebar .grey {height:485px; background:#272727; }
#contact .sidebar .white {height:100%;}
#contact .content {width:660px; padding:30px 30px; color:#000;}
#contact .content h3 {font-weight:normal; font-size:18px; text-transform:uppercase; letter-spacing:-0.5px; font-family:  "Franklin Gothic Medium","Franklin Gothic", "FranklinGothicBookRegular",  "ITC Franklin Gothic", Arial, sans-serif;}
#contact .content h4 {font-weight:normal; font-size:18px; text-transform:uppercase; letter-spacing:-0.5px; margin-bottom:6px; padding-top:3px;}
#contact .content h5 {font-weight:normal; font-size:16px; text-transform:uppercase; letter-spacing:-0.5px; font-family:  "Franklin Gothic Medium","Franklin Gothic", "FranklinGothicBookRegular",  "ITC Franklin Gothic", Arial, sans-serif; padding-bottom:5px;}
#contact .content a {color:#0074bd; text-decoration:none; transition:color 250ms ease-out; cursor:pointer;}
#contact .content a:hover {color:#000;}
#contact .content hr {margin:35px 0px; border:none; border-top:1px solid #d0d1d3; border-bottom:1px solid #d0d1d3; }
#contact .content iframe, #wpgmza_map_1 {border:1px solid #ccc; margin:0!important; margin-bottom:30px!important; float:left!important;}

#footer {padding:60px 0px 30px 0px;}
#footer p {font-size:9px; font-family:arial,sans-serif; color:#000; text-align:center;}
#footer p a {color:#000; font-weight:bold; text-decoration:none;}


.sidebar {float:left; width:260px; text-align:center;}
.sidebar .nav {padding-top:40px;}
.sidebar .nav a {color:#fff; padding-right:60px; text-decoration:none; font-size:15px; text-transform:uppercase; text-align:right; padding-top:10px; padding-bottom:10px; margin:5px 0px; display:block; transition:background-color 200ms ease-out;}
.sidebar .nav a:hover {background:#062b50; }
.sidebar .nav a.active {background:#0556a5;}
.sidebar .grey {position:relative;}
.sidebar .grey .adresse {position:absolute; bottom:35px; background:#212121; padding:18px 20px 18px 0px; width:190px; text-align:right; margin:0 auto; border:1px solid #2d2d2e; left:25px; color:#0556a5; font-size:19px; letter-spacing: -0.5px; line-height:125%; font-weight:normal;}