/*
	Theme Name: JCB Création
	Description: JCB Création 2015 WP Theme
	Version: 2.0
	Author: <a href="http://www.babaweb.fr/">Maxime GOURLOO - BABAWEB</a>
	Author URI: http://www.babaweb.fr/
*/

/* GOOGLE FONTS */

@import url(https://fonts.googleapis.com/css?family=Raleway:500,400,600,700|Open+Sans:400,600,400italic,300italic,300,700|Exo+2:400,300italic,300,200italic,200,400italic,500,500italic,600,600italic);

/* CSS RESET */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

img{vertical-align: middle;}
input ,textarea{-webkit-appearance: none;-webkit-border-radius:0; border-radius:0;}
a{text-decoration:none;}

/* BASIC WP STYLES */

.entry-content img { margin: 0 0 25px 0; }
.alignleft, img.alignleft { float: left; margin-right: 30px;margin-bottom: 27px;margin-top:5px;}
.alignright, img.alignright { display: block; float: right; margin-left: 30px;margin-bottom: 27px;margin-top:5px;}
.wp-caption { text-align: center; margin-bottom: 27px; max-width: 100% !important; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { margin: 0; padding: 5px; }
.wp-smiley { max-height: 12px; margin: 0 !important; }
.gallery-caption { margin: -25px 0 0 0; }

/* STICKY FOOTER */

* {margin: 0;}
html, body {height: 100%;text-rendering: optimizeLegibility;}
#wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -104px;}
footer, .push {height: 104px;}

/* GENERAL */

html,body { height:100%;font-family: 'Open Sans', sans-serif;}

/* HEADER */

header{height:104px;width:100%; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);position: relative;z-index:5;background:url(img/broken_noise.png) repeat top left;}
header #logo{line-height:104px;width:270px;text-align:center;background:#fff;float:left; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);z-index:10;position:relative;}
header #logo .logo_pc{display:block;}
header #logo .logo_mobile{display:none;}

.home header{ -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none;overflow:inherit;border:none;background:none;}
.home header nav{ background:#171717;}

header nav{float:left;width:220px;padding:0 25px;height:104px;background:url(img/broken_noise.png) repeat top left;z-index:8;position:relative;font-family: 'Raleway', sans-serif;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;display: table;}
header nav #pull{display:none;}
header nav > ul{  display: table-cell; vertical-align: middle;}
header nav > ul#menu_left{margin-right:25px;}
header nav > ul#menu_right{}
header nav ul li a{color:#fff;text-decoration:none;line-height:22px;position:relative;}
header nav > ul > li.current > a,header nav > ul > li.active > a,header nav ul li a:hover,header nav > ul > li > ul > li.current > a{color:#e62032;}

header nav > ul > li.has_submenu > a:after{content: "↓";left: 97px;position: absolute;top: -6px;color:#888;}
header nav > ul > li.has_submenu2 > a:after{content: "↓";left: 97px;position: absolute;top: -6px;color:#888;}
header nav > ul > li.active > a:after{color:#e62032;}
header nav > ul > li > ul {background:url(img/broken_noise.png) repeat top left;left: 0;position: absolute;top: 104px; padding: 20px 25px;width: 220px;z-index: 0;display:none;-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);-moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);}

header #home_link{display:none;}

/* SLIDER */

#slider{width:100%;height:100%;z-index:0;overflow:hidden;background:url(img/loading-blocks.gif) no-repeat center center;position:absolute;top:0;left:0;}
#slider .owl-wrapper-outer{height:100%;}
#slider .owl-wrapper-outer .owl-wrapper{height:100%;}
#slider .owl-wrapper-outer .owl-wrapper .owl-item{height:100%;}
#slider .owl-wrapper-outer .owl-wrapper .owl-item .item{position:relative;width:100%;height:100%;overflow:hidden;}
#slider .owl-wrapper-outer .owl-wrapper .owl-item .item .item_img{width:100%;height:100%;}

/* PAGES */

main {padding:15px 0;position:relative;}
main .content {margin:0 auto;max-width: 1020px;}
main .content h1,
main .content h2.page_title{position:absolute;top:-104px;left:0;color:#e62032;height:104px;line-height:95px;padding:0 0 0 40px;font-family: 'Exo 2', sans-serif;font-size:27px;background:url(img/dark_gradient.png) repeat-y top left;z-index: 200;margin:0;font-weight:300;font-style:italic;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
main .content .breadcrumbs{ color: #888;font-family: 'Exo 2', sans-serif;font-size: 10px;font-weight: 200;left: 0;line-height: 22px;padding-left: 40px;position: absolute;text-transform: uppercase;top: -45px;z-index: 1000;}
main.page_realisations .content h1,main.page_realisations .content h2.page_title{left:540px;}
main.page_realisations .content .breadcrumbs{left:540px;}

main .content h2{color:#e62032;font-family: 'Exo 2', sans-serif;font-size:22px;margin:25px 0;font-size:400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
main .content h3{color:#222;font-family: 'Exo 2', sans-serif;font-size:17px;margin:25px 0;font-weight:400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
main .content p{color:#777;font-size:12px;font-family: 'Open Sans', sans-serif;line-height:22px;margin:25px 0;}
main .content blockquote p{color:#444;font-size:19px;font-family: 'Open Sans', sans-serif;line-height:26px;margin:25px 0;font-weight:300;font-style:italic;border-left: 4px solid #e62032;padding-left:18px;}
main .content a{color:#e62032;}
main .content p a:hover{border-bottom: 1px solid #e62032}
main .content b,main .content strong{color:#222;font-weight:600;}
main .content hr{border:none;border-bottom:1px dashed #ccc;margin: 25px 0;clear:both;}
main .content ul, main .content ol{color:#777;font-size:12px;font-family: 'Open Sans', sans-serif;line-height:22px;margin:25px 0;display: table;}
main .content ul li{position:relative;padding-left:20px;list-style-type: none;list-style-image: none;}
main .content ul li:before{content:"■ ";position:absolute;left:2px;top:-2px;color:#e62032;font-family: "Raleway",sans-serif;font-size: 12px;font-weight: 600;}
main .content .easy-table th, main .content .easy-table td{font-size:12px;color:#777;line-height: 22px;}
main .content .easy-table thead th{text-transform:uppercase;font-weight:600;color:#e62032;}
main .content .easy-table tbody tr:nth-child(even) {background: #f5f5f5}
main .content .easy-table tbodt tr:nth-child(odd) {background: #FFF}
main .content .easy-table thead tr{background:#f5f5f5;}
main .content .easy-table tbody tr:hover td,main .content .easy-table tbody tr:hover th{background:#e8b0b0;color:#000;}
main .content .table-responsive{border:1px solid #ddd;}
main .content .table-responsive .easy-table {margin:0;}

main#with_sidebar{margin: 0 0 0 540px;/*float: left;min-width: 1100px;*/}
main#with_sidebar .content {padding: 0 40px;max-width: 1020px;margin:unset;}
main#with_sidebar .content .gallery {margin: 12px 0 25px 0;}
main#with_sidebar .content .gallery .gallery-item {margin-top: 13px;}
main#with_sidebar .content .gallery .gallery-item img {border:none;}

@media screen and (min-width:0\0) {
   main#with_sidebar{float: none;min-width: auto;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    main#with_sidebar{float: none;min-width: auto;}
}


main .content_box #options {color: #fff; height: 35px;position: absolute;right: 55px;top: -70px;width: 150px;background:#e62032;z-index:100;}
main .content_box #options h4 {font-family: 'Raleway', sans-serif;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;line-height:35px;text-align:center;}
main .content_box #options ul{display:none;background:#e62032;border-top: 1px solid #444;padding: 20px 0;}
main .content_box #options:hover ul{display:block;}
main .content_box #options ul li a{color:#fff;font-size:13px;font-family: 'Open Sans', sans-serif;line-height: 30px;padding: 0 15px;}
main .content_box #options ul li a i{font-size:11px;color:#eee;}
main .content_box #options ul li a.selected,
main .content_box #options ul li a.selected i,
main .content_box #options ul li a:hover,
main .content_box #options ul li a:hover i{color:#292d34;font-weight:600;}

main .content_box #tarifs {overflow:hidden; margin: 25px 0;}
main .content_box #tarifs .tarif_box{float:left;width:33.3333333333333%;text-align:center;}
main .content_box #tarifs .tarif_box .tarif_box_inner{margin: 0 20px;border: 1px solid #dddddd;}
main .content_box #tarifs .tarif_box .tarif_box_inner p{padding:0 10px;}
main .content_box #tarifs .tarif_box .tarif_box_inner h3{margin:0;background:#f5f5f5;padding:10px 0;}
main .content_box #tarifs .tarif_box .tarif_box_inner h3 span{font-weight:200;font-size:14px;}
main .content_box #tarifs .tarif_box .tarif_box_inner img{max-width:100%;height:auto;}
main .content_box #tarifs .tarif_box a{padding:10px 0;background:#e62032;float: left;margin: 0 20px;text-align: center;width: calc(100% - 40px);font-size:12px;color:#fff;}

main .content_box #accessoires {overflow:hidden; margin: 0;}
main .content_box #accessoires .accessoires_box.element{float:left;width:230px;text-align:center;margin: 0 10px 20px 10px;height:auto;background:#fff;}
main .content_box #accessoires .accessoires_box .accessoires_box_inner{margin: 0;border: 1px solid #dddddd;}
main .content_box #accessoires .accessoires_box .accessoires_box_inner p{padding:0 10px;font-style:italic;font-size:12px;line-height:15px;margin: 5px 0 0;}
main .content_box #accessoires .accessoires_box .accessoires_box_inner h2{margin:0;font-size:16px;padding:0 10px;}
main .content_box #accessoires .accessoires_box .accessoires_box_inner h3{margin:0;background:#f5f5f5;padding:10px 0;margin-top:15px;}
main .content_box #accessoires .accessoires_box .accessoires_box_inner img{max-width:calc(100% - 30px);height:auto;padding:15px;}

main .content .actus {margin:25px 0;overflow:hidden;}
main .content .actus img{float:left;margin-right:18px;margin-bottom:18px;}
main .content .actus span {color: #444;font-size: 12px;text-transform: uppercase;}
main .content .actus h2 {margin:25px 0 0 0;}

main.page_realisations{display:block;}

/* FOOTER */

footer {height:104px;width:100%;z-index:10;position:relative;float:left;}
footer .footer_top{height:8px;width:100%;background:rgba(0,0,0,0.03);}
footer .footer_bottom{height:96px;width:100%;background:url(img/broken_noise.png) repeat top left;}
footer .footer_bottom .footer_left{line-height:96px;float:left;padding-left:40px;}
footer .footer_bottom .footer_left img{margin:0 15px;}
footer .footer_bottom .footer_right{float:right;padding-right:55px;font-family: 'Raleway', sans-serif;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;display: table;height: 96px;}
footer .footer_bottom .footer_right ul {list-type:none;  display: table-cell; vertical-align: middle;}
footer .footer_bottom .footer_right ul li {line-height:16px;}
footer .footer_bottom .footer_right ul li span{color:#e62032;}
footer .footer_bottom .footer_right ul li a{color:#fff;text-decoration:none;padding-left:20px;position:relative;}
footer .footer_bottom .footer_right ul li a:hover{color:#e62032;}
footer .footer_bottom .footer_right ul li a:before{content:"→ ";position:absolute;left:2px;top:-2px;color:#888;font-family: "Raleway",sans-serif;font-size: 12px;font-weight: 600;}

.home footer{display:none;}

.page_realisations figure.effect-honey {background:url(img/broken_noise.png) repeat top left;}
.page_realisations figure.effect-honey img {opacity: 1;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;width: 240px;height: 170px;}
.page_realisations figure.effect-honey:hover img {opacity: 0.5;}
.page_realisations figure.effect-honey h2 {position: absolute;bottom: 42%;left: 0;width: 100%;-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0);font-family: 'Raleway', sans-serif;font-size:14px;font-weight:800;color:#fff;text-transform:uppercase;text-shadow: 0 0 25px #000;text-align:center;}
.page_realisations figure.effect-honey h2 i {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0);}
.page_realisations figure.effect-honey h2 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
.page_realisations figure.effect-honey:hover h2,
.page_realisations figure.effect-honey:hover h2 i {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/* SIDEBAR */

aside{ background: none repeat scroll 0 0 #f5f5f5;height: 100%;left: 0;position: fixed;top: 0;width: 540px;z-index: 0;}
aside .content{padding:126px 40px;}
aside .content hr{border:none;border-bottom:1px dashed #ccc;}
aside .content span{color:#444;text-transform:uppercase;font-size:12px;}
aside .content span i{color:#aaa;font-size:12px;line-height:21px;}
aside .content h1{color:#e62032;font-family: 'Exo 2', sans-serif;font-size:25px;margin-bottom:18px;font-style:italic;font-weight:400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
aside .content h4{color:#292d34;font-family: 'Exo 2', sans-serif;font-size:14px;margin:25px 0 0 0;font-style:italic;font-weight:300;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
aside .content p{color:#777;font-size:12px;font-family: 'Open Sans', sans-serif;line-height:21px;margin:25px 0;}
aside .content img{max-width:100%;height:auto;margin:25px 0;}
aside .content .social_button{margin:25px 0;}
aside .content .social_button > div {float:left;margin-right:18px;}

/* AUTRES */

body #swipebox-overlay { background: rgba(0, 0, 0, 0.7) !important;}
body #swipebox-caption {height:104px !important;-webkit-box-shadow: 5px 0 10px rgba(0,0,0,.35); -moz-box-shadow: 5px 0 10px rgba(0,0,0,.35); box-shadow: 5px 0 10px rgba(0,0,0,.35);background:#1e2126 !important;border:none;line-height: 104px !important;color:#e62032;font-family: 'Raleway', sans-serif;font-size:18px;}
body #swipebox-action {height:96px !important;-webkit-box-shadow: 5px 0 10px rgba(0,0,0,.35); -moz-box-shadow: 5px 0 10px rgba(0,0,0,.35); box-shadow: 5px 0 10px rgba(0,0,0,.35);background:#1e2126 !important;border:none;}
body #swipebox-action #swipebox-close {background-position: 15px center !important;}
body #swipebox-action #swipebox-prev {background-position: -32px center !important;}
body #swipebox-action #swipebox-next { background-position: -78px center !important;}
body #swipebox-action #swipebox-prev,
body #swipebox-action #swipebox-next,
body #swipebox-action #swipebox-close{height:96px !important;}

body #swipebox-caption {top: -104px;}
body #swipebox-action {bottom: -96px;}

#swipebox-slider .slide {background: url("img/loading-blocks.gif") no-repeat scroll center center !important;}

/* NAVIGATION */

.navigation_number{text-align:left;}

.wp-pagenavi {margin-top:15px;clear:both;text-transform:uppercase;font-family: 'Open Sans', sans-serif;font-weight:400;line-height:26px;font-size:12px;letter-spacing:0.8px;}
.wp-pagenavi span.pages {border:none;margin-right:3px;padding:6px 10px;;background:#e3e1da;color:#333233;text-decoration:none;}
.wp-pagenavi a.page,
.wp-pagenavi .page-numbers,
.wp-pagenavi span.extend,
.wp-pagenavi a.first,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.last {border:none;margin-right:0px;padding:6px 12px;background:#f5f5f5;color:#333233;text-decoration:none;}
.wp-pagenavi span.current,
.wp-pagenavi a:hover {border:none;margin-right:0;color:#e62032;text-decoration:none;font-weight:600;}

.navigation {padding-top:10px;}
.navigation a {padding:10px;background:#f5f5f5;text-decoration:none;color:#333233;}
.navigation a:hover {padding:10px;background:#f5f5f5;text-decoration:none;color:#e62032;}

/* CONTACT */

#wrapper .wpcf7{margin:20px 0;overflow:hidden;}

#wrapper .wpcf7 .contact_left{float:left;width:calc(50% - 15px);margin-right:30px;}
#wrapper .wpcf7 .contact_right{float:left;width:calc(50% - 15px);}
#wrapper .wpcf7 input[type=text],#wrapper  .wpcf7 input[type=email] {height:36px;background:#fff;border:1px solid #dddddd;line-height:36px;margin-bottom:15px;padding:0 13px;font-family: 'Open Sans', sans-serif;font-size:12px;color:#444444;font-weight:400;line-height:36px;width:calc(100% - 28px);-webkit-appearance: none; -webkit-border-radius:0; }
#wrapper .wpcf7 textarea {height:194px;min-height:194px;background:#fff;border:1px solid #dddddd;line-height:36px;margin-bottom:15px;padding:0 13px;font-family: 'Open Sans', sans-serif;font-size:12px;color:#444444;font-weight:400;line-height:36px;width:calc(100% - 28px);max-width:calc(100% - 28px);min-width:calc(100% - 28px);-webkit-appearance: none; -webkit-border-radius:0; }

#wrapper .wpcf7 input[type=text]:focus,#wrapper .wpcf7 input[type=email]:focus {border:1px solid #e62032;}
#wrapper .wpcf7 textarea:focus {border:1px solid #e62032;}

#wrapper .wpcf7 .contact_left .contact_inline > span{float:left;}
#wrapper .wpcf7 .contact_left .contact_inline > span:nth-child(1) input[type=text]{width:calc(100% - 27px);border-right:none;}
#wrapper .wpcf7 .contact_left .contact_inline > span:nth-child(1){width:30%;}
#wrapper .wpcf7 .contact_left .contact_inline > span:nth-child(2) input[type=text]{width:calc(100% - 28px);}
#wrapper .wpcf7 .contact_left .contact_inline > span:nth-child(2){width:70%;}

#wrapper .wpcf7 .wpcf7-submit{width:137px;height:38px;background:#e62032;font-family: 'Open Sans', sans-serif;font-size:12px;color:#fff;font-weight:400;text-align:center;border:none;float:right;cursor:pointer;-webkit-appearance: none; -webkit-border-radius:0; }
#wrapper .wpcf7 .wpcf7-form-control-wrap {float: left;position: relative; width: 100%;font-family: 'Open Sans', sans-serif;font-size:12px;font-weight:400;}
#wrapper .wpcf7 .wpcf7-not-valid-tip{position:absolute;top:0;right:13px;height:38px;line-height:38px;color:#e62032;}
#wrapper .wpcf7 .wpcf7-validation-errors {border: 1px solid #e62032;margin:-38px 0 0 0;padding:0 ;height:36px;line-height:36px;font-family: 'Open Sans', sans-serif;font-size:12px;font-weight:400;float:left;width:calc(100% - 139px);color:#e62032;text-align:center;}
#wrapper .wpcf7 .wpcf7-mail-sent-ok {border: 1px solid #398f14;margin:-38px 0 0 0;padding:0 ;height:36px;line-height:36px;font-family: 'Open Sans', sans-serif;font-size:12px;font-weight:400;float:left;width:calc(100% - 139px);color:#398f14;text-align:center;}
#wrapper .wpcf7 img.ajax-loader {border: none;vertical-align: middle;height:36px;line-height:36px;font-family: 'Open Sans', sans-serif;font-size:12px;font-weight:400;float:left;color:#e62032;}

/* RESPONSIVE */

@media only screen and (min-width: 1181px){
	main#with_sidebar{float: left;min-width: 1100px;}
}