* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
body {
    font-size: 16px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    width: 100%;
    height: 100%;
}
a {
    color: #5b6063;
    outline: none;
    text-decoration: none;
}
a:hover{ color:#ff5b00}
a:hover, a:active, a:focus, a:visited {
    text-decoration: none;
    border:none;
}


h1,h2,h3,h4{
    text-transform:uppercase;
    color: #5b6063;
}

h1{ font-size: 25px; }
h2{ font-size: 22px; }
h3,h4,h5{ font-size:21px; line-height:28px;}
h4{font-size:19px}
h4{font-size:17px}

p{ font-size:15px; color:#7b7b7b;line-height:25px;}

img {
    border: none;
}
input {
    vertical-align: middle;
}
#wrapper {

    margin: 0 auto;
    /*min-height: 100%;
    height: auto !important;
    height: 100%;
    */
}

.clr{
    clear:both;
}

.extrabold{
    font-weight:900;
    font-size:30px;
    color:#5b6063;
}

.sep{
    width: 100%;
    border-top: 1px solid #e6e7e7;
    margin: 40px 0 35px;
}
.sep_small{width: 100%;	border-top: 1px solid #e6e7e7; margin: 20px 0;}
.separator{ 
    /*margin:20px auto; */
    width:100%; height:1px;}
.separator_small{ margin:10px auto; width:100%; height:1px;}
.menu .tinynav { display: none; }
.maps_view { height: 350px; }

.sliderwrap { margin: 0 auto; width: 960px; }
#slider-wrapper object { width: 100%; }
#sliderwrap { background: #5b6063; }
/* Header
-----------------------------------------------------------------------------*/
#header {
    height: 100px;
    -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.05); /* Для Firefox */
    -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.05); /* Для Safari и Chrome */
    box-shadow: 0 5px 0 rgba(0,0,0,0.05); /* Параметры тени */
    z-index:9999;
    position: relative;
}

.navbar{
    border:none;
    background:#fff;
    -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.05); /* Для Firefox */
    -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.05); /* Для Safari и Chrome */
    box-shadow: 0 5px 0 rgba(0,0,0,0.05); /* Параметры тени */
    border-radius:none;
}

.navbar.navbar-fixed-top .container{
    box-shadow: none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
}

.navbar-fixed-top .navbar-inner{
    min-height: 100px;
    padding-right: 20px;
    padding-left: 20px;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
}

.navbar .brand{
    /*width:70px;*/
    height:60px;
    /*background:#ff5b00;*/
    color:#fff;
    padding: 45px 5px 5px;
    font-size: 60px;

    text-align:center;
}

.navbar .brand img{
    border-radius: 12px;
}

/*Typography*/
.typo .navbar{ height:auto; background:none; }
.navbar .brand2{
    color:#fff;
    float:left;
    font-size: 14px;

    padding: 11px 21px 13px 21px;
    background: #ff5b00;
    line-height: normal;
}

/* Middle
-----------------------------------------------------------------------------*/
#content {
    padding: 0;
}


#myCarousel {
    margin:0;
    width: 100%;
    height: 620px;
    -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.05); /* Для Firefox */
    -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.05); /* Для Safari и Chrome */
    box-shadow: 0 5px 0 rgba(0,0,0,0.05); /* Параметры тени */
    position:relative;
    z-index: 1;
}

#myCarousel img{
    width: 100%;
    height: 620px;
    border:none;
}

#myCarousel .carousel-caption {
    background: none;
    width:500px;
    top: 80px;
    left: 50%;
    margin-left: -250px;
    text-align:center;
    padding: 0; 
}

#myCarousel .carousel-caption h4{
    font: 72px 'Six Caps', sans-serif;
    color:#5b6063;
    padding: 0 0 36px;
    border-bottom: 3px solid #5b6063;
    text-shadow: 0 3px 0 rgba(0,0,0,0.1);  
}

#myCarousel .carousel-caption .caption-block{
    margin-top: 36px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    padding:20px 0; 
    background: rgba(255,91,0,0.8);
    text-transform:uppercase;
}

#myCarousel .carousel-caption .carousel-button{
    width: 100px;
    height:100px;
    margin-top: 25px;
    background: #5b6063;
    border: 5px solid rgba(255,255,255,0.7);
    position:absolute;
    left:50%;
    margin-left:-50px;

}

#myCarousel .carousel-caption .carousel-button a{
    font:40px 'Six Caps',sans-serif;
    color:#fff;
    line-height:100px;
}

#myCarousel .carousel-caption .carousel-button:hover a:hover{
    text-shadow: 0 3px 0 rgba(0,0,0,0.2); 
}

.carousel-control.right{
    background: url(images/right.png) center center no-repeat #222;
}

.carousel-control.left{
    background: url(images/left.png) center center no-repeat #222;
}

.now_page{
    background:#5b6063;
}

.now_page h4{
    font-weight: 900;
    font-size: 30px;
    line-height: 35px;
    padding:25px;
    color:#fff;
}


.bricks{
    padding:40px 0;
}

.bricks .block {
    background: #f8f8f8;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    margin: 1px;
    padding:5px 0 20px 0;
    height:112px;
}

.bricks .block:hover{
    background: #5b6063;
    border-bottom: 1px solid #5b6063;
    border-top: 1px solid #5b6063;
}

.bricks .block:first-child {
    margin-left: 20px;
}

.bricks .block h4{
    font-weight:bold;
    font-size:14px;
    color:#5b6063;
    margin: 15px 20px;
}

.bricks .block p{
    color:#7b7b7b;
    font-size:12px;
    margin: 5px 20px;
    line-height: 20px;
}

.bricks .block:hover h4{
    color:#fff;
}

.bricks .block:hover p{
    color:#f1f1f1;
}

.bricks .block .col1{
    background:url(images/bulls_eye.png) center center no-repeat;
}

.bricks .block:hover .col1{
    background:url(images/bulls_eye_hover.png) center center no-repeat;
}

.bricks .block .col2{
    background:url(images/chrome.png) center center no-repeat;
}

.bricks .block:hover .col2{
    background:url(images/chrome_hover.png) center center no-repeat;
}

.bricks .block .col3{
    background:url(images/ice_cream.png) center center no-repeat;
}

.bricks .block:hover .col3{
    background:url(images/ice_cream_hover.png) center center no-repeat;
}

.bricks .block .col1, .bricks .block .col2, .bricks .block .col3{
    margin: 20px 0;
    height:30px;
}

.services{
    /*background:url(images/back.png) repeat;*/
    padding: 50px 0 70px;
    /*border-bottom: 1px solid #dedfe0;*/
}

.services h3{
    font-size:30px;
    font-weight:900;
    color:#5b6063;

}


.services .service{
    width: inherit;
    margin: 10px 0;
}

.services .service a {
    color:#5b6063;
    font-size:14px;
}

/*.services .service a:hover, .services .service:hover a{
    color:#ff5b00;
}*/

.services .service p{
    color:#7b7b7b;
    font-size:14px;

}

.services .service.text-right h4, .services .service.text-right p {
    margin: 5px 120px 10px 20px;
}

.services .service.text-left h4, .services .service.text-left p {
    margin: 5px 20px 10px 120px;
}

.ico1, .ico2, .ico3, .ico4, .ico5,.ico6{
    width:100px;
    height:100px;
    background:url(images/spacer.png) center center no-repeat #5b6063;
}

.services .service:hover .ico1, .services .service:hover .ico2, .services .service:hover .ico3, .services .service:hover .ico4, .services .service:hover .ico5, .services .service:hover .ico6{
    background-color:#ff5b00;
}

.ico1{
    background-image:url(images/ico1.png);
}

.ico2{
    background-image:url(images/ico2.png);
}

.ico3{
    background-image:url(images/ico3.png);
}

.ico4{
    background-image:url(images/ico4.png);
}

.ico5{
    background-image:url(images/ico5.png);
}

.ico6{
    background-image:url(images/ico6.png);
}

.work{
    margin: 30px 0 0;
}

.work h3{
    color: #5b6063;
    font-size: 30px;
    font-weight: 900;
}

.now_carousel{
    margin: 30px 0 20px;
}

#gallery-carousel{
    width:100%;
    height:299px;
    margin: 20px;
}

#gallery-carousel > .item {
    display:block;
    position:relative;
}

#gallery-carousel .item  img{
    width: 299px;
    height:299px;
}

#gallery-carousel  .item:hover img{
    opacity:0.8;
}


.zoom{
    position:absolute;
    width: 100px;
    height:100px;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-50px;
    display:none;
    background:#5b6063;	
    opacity:0.9;
    -moz-opacity: 0.9; 
    filter: alpha(opacity=90);
}

.zoom  a{
    position: absolute;
    padding:50px 50px;
    background:url(images/zoom.png) center center no-repeat;
}

.btn-grey, .btn-grey:hover, .btn-grey:active, .btn-grey:focus{
    font-size: 12px;
    line-height: 20px;
    font-weight:900;
    color: #fff;

    padding:10px 0;
    text-align: center;
    text-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:none;
    box-shadow:none;
    background: #5b6063;
    outline:none;
    text-transform:uppercase;

    position: absolute;

}

.btn-grey:hover, .btn-grey:active, .btn-grey:focus{
    text-shadow: 0 3px 0 rgba(0,0,0,0.1); 
}

.btn-center{
    position: absolute;
    margin-left: -110px;
    left: 50%;
    width:220px;
}

.feed{
    margin: 100px 0 80px;
}

.news{
    margin-right:30px;
}


.news .media{
    margin: 30px 0;
}

.news .media img.media-object{
    margin-right: 5px;
}

.media .media-body h4.media-heading{
    font-size:14px;
    font-weight:bold;
    color:#565a5d;
    text-transform: none;
    margin: -2px 0 0 0;
}

.news .media .media-body .sep{
    margin: 15px 0;
}

.date {
    background:url(images/calendar.png) center left no-repeat;
    float:left;
}

.comments{
    background:url(images/comment.png) center left no-repeat;
    margin-left:95px;
}

.date, .comments{
    padding:0 5px 0 25px;
    font-size:11px;
    color:#c7c7c7;

}

.media .media-body .news-description{
    color:#a9a9a9;
    font-size:12px;
    margin: 10px 0;
}

.media .media-body a{
    color:#5b6063;
    font-size:14px;
    font-weight: bold;

}

.quotes{
    margin-left:40px;
}

#test-carousel, #test-carousel .carousel-inner{
    margin: 0;
    padding:0;
    position: relative;
}

#test-carousel .item {
    margin: 0;
    padding:0;
}

#test-carousel .quote{
    background: url(images/quote.png) right center no-repeat;
    width:420px;
    height:253px;
    margin:0;
    position:relative;

}

#test-carousel .quote p{
    position: absolute;
    margin: 43px;
    line-height: 30px;
    color: #959595;
    font-size: 18px;
    font-style: italic;
}

#test-carousel  img{
    border:none;
    width: 57px;
    height:57px;
    float: left;
}

#test-carousel .author{
    font-size:14px;
    font-weight:bold;
    color:#5b6063;
    padding: 15px 0 15px 70px;
}

.carousel-control1 {
    position: absolute;
    top: 90%;
    right: 2px;
    width: 16px;
    height: 19px;
    margin-top: -5px;
    line-height: 30px;
    background: #fff;
    border: none;
}

.carousel-control1.left{
    right:20px;
    left: auto;
}



.carousel-control1.right{
    background: url(images/right-grey.png) center center no-repeat;
}

.carousel-control1.left{
    background: url(images/left-grey.png) center center no-repeat;
}

.carousel-control1.right:hover{
    background: url(images/right-grey_hover.png) center center no-repeat;
}

.carousel-control1.left:hover{
    background: url(images/left-grey_hover.png) center center no-repeat;
}

.content_page{
    padding:0 0 20px;
}

.content_page p{ margin: 10px 0; }

.content_full_size{width:100%}


.pic {position:relative;}
.pic img {background:none; margin:0;}
.pic a{margin-bottom:15px;}
.pic:hover {opacity:0.8; filter:alpha(opacity=80);}
.pic:hover .zoom{display:block;}	
.pic.pull-left{margin-right:20px;}
.pic.pull-right{margin-left:20px;}

.pop_posts p { padding:5px 0 20px 0px ;}
.pop_posts h3 { padding:0; margin:0;}
.pop_posts h3 a{ padding:0; margin:0; line-height:15px;}
.pop_posts h3 span{display:block; color:#5b6063; font-size:10px; font-weight:normal;text-transform:none; margin:0; padding:0;line-height:10px;}

.p404 h2 span{display:block; font-size:20px; color:#5b6063; font-weight:bold;text-transform:none; margin:0; padding:0;}
.p404 p{font-size:14px;}

.blogpost h3{}
.blogpost .post_detail{margin:5px 0; color:#5b6063; font-size:11px;}
.blogpost .post_detail a{font-weight:bold;}

.detail a{font-weight:bold;}


.media.post_author .media-body p{margin:-3px 0 0;}
.media .media-body .comment_date{color:#7b7b7b; font-size:11px;}
.media .media-body .comment_date a{display:block;margin: 5px 0 ;}
.media .media-body .comment_date a:hover{color:#ff5b00;}
.media .media-body .comment_text{color:#7b7b7b; font-size:12px;}

.control-label{ color:#5b6063; font-size:12px;}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
    background:url(images/back.png) repeat;
    margin: 0 auto ;
    height: 400px;
    position: relative;
    -moz-box-shadow:inset  0 10px 0 rgba(0,0,0,0.05); /* Для Firefox */
    -webkit-box-shadow:inset 0 10px 0 rgba(0,0,0,0.05); /* Для Safari и Chrome */
    box-shadow:inset 0 10px 0 rgba(0,0,0,0.05); /* Параметры тени */
}

.cols{
    height:350px;

}

.cols h4{
    font-size:18px;
    color:#5b6063;
    font-weight:900;
    margin:50px 0 20px;
}

.cols .post{
    padding-right:30px;
}

.cols .post span {
    font-size:11px;
    color:#5b6063;
    font-weight:bold;
    display:block;
    margin-top: 10px;
}

.cols .post a, .cols p{
    color:#a9a9a9;
    font-size:12px;

}

.cols #subscribe{
    margin-top: 15px;
}

.input-append .subscribe-input{
    width:200px;
    border-radius: 0;
    border: none;
}

.input-append .subscribe-button {
    border-radius: 0!important;
    background: #5b6063; 
    color:#fff;
    font-size:11px;
    font-weight:normal;
    outline:none;
    border:none;
    width:80px;
    text-transform:uppercase;
}

.cols .social h4{
    margin-top:20px;
}

.cols .social a{
    width:28px;
    height:28px;
    margin-top:0;
    margin: 0 1px 5px 0;
    float:left;
}

.cols .social a.soc1{
    background:url(images/spritesocial.png) 0 0;
}

.cols .social a.soc2{
    background:url(images/spritesocial.png) -56px 0;
}
.cols .social a.soc3{
    background:url(images/spritesocial.png) -112px 0;
}
.cols .social a.soc4{
    background:url(images/spritesocial.png) -168px 0 ;
}
.cols .social a.soc5{
    background:url(images/spritesocial.png) -224px 0 ;
}
.cols .social a.soc6{
    background:url(images/spritesocial.png) -280px 0;
}
.cols .social a.soc7{
    background:url(images/spritesocial.png) -336px 0;
}
.cols .social a.soc8{
    background:url(images/spritesocial.png) -392px 0;
}
.cols .social a.soc9{
    background:url(images/spritesocial.png) -448px 0;
}

.cols .social a.soc1:hover{
    background:url(images/spritesocial.png) -28px 0;
}

.cols .social a.soc2:hover{
    background:url(images/spritesocial.png) -84px 0;
}
.cols .social a.soc3:hover{
    background:url(images/spritesocial.png) -140px 0;
}
.cols .social a.soc4:hover{
    background:url(images/spritesocial.png) -196px 0;
}
.cols .social a.soc5:hover{
    background:url(images/spritesocial.png) -252px 0;
}
.cols .social a.soc6:hover{
    background:url(images/spritesocial.png) -308px 0;
}
.cols .social a.soc7:hover{
    background:url(images/spritesocial.png) -364px 0;
}
.cols .social a.soc8:hover{
    background:url(images/spritesocial.png) -420px 0;
}
.cols .social a.soc9:hover{
    background:url(images/spritesocial.png) -476px 0;
}

.cols .lastcol{
    margin-left:30px;
}
.cols .thumbnails{
    margin:0;
}

.cols .thumbnails > li{
    margin:1px;
    padding:0;
    background:#000;
    width:50px;
    height:50px;
}


.cols .thumbnails li a img:hover{
    opacity: 0.6;
    -moz-opacity: 0.6; 
    filter: alpha(opacity=60);
}

.copyright{
    text-align: center;
    background:#5b6063;
    color:#ebebeb;
    padding: 16px 0;
    font-size:12px;
}

.copyright a{
    color:#ebebeb;
}

.span8.gapfloat { float: right; }

#webstore .right { float: none !important; }

.testimonials .text h3 { color:#fff !important;}
.one_third_pad img { max-width: 100%; height: auto; }
.one_half_pad img { max-width: 100%; height: auto; }
.two_third_pad img { max-width: 100%; height:auto; }
.dc_pricingtable03 li h2 { font-size:24px !important;}
.dc_pricingtable03 li h2 { font-size:24px !important;}
.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { color:#fff !important; float: none !important; bottom: 0px !important; background: none !important;}
.dc_pricingtable03 li h2.caption { color:#999 !important; font-size:28px !important;}
.dc_pricingtable06 ul li h3 { font-size:28px !important; color:#fff !important; line-height:180% !important;}
.dc_pricingtable05 ul li h3 { font-size:28px !important; line-height:250% !important; color: #555555 !important;}
div.dc_pricingtable03 .align_center h2 { text-align: center !important; float: none !important; bottom: 0px !important; }
.recent_works.gap { width: auto !important; }
h3.gap85 { text-align: left !important; }

/* */
.oneForth { margin:20px auto; float: left; width: 25%; }
.oneForth img { max-width: 100%; height: auto; }
.oneThird { margin: auto; width: 23%; }
.one_fourth_pad img { max-width: 100%; height: auto; }
/* */
.center_small_box > div:after { clear: both; display: block; }
.center_small_box > div {  position: relative; }
/* img h2 */
h2 img { max-width: 100%; height: auto; }
#slider-wrapper object { width: 100%; }
div.dc_pricingtable03 h1 { font-size: 42px !important; float: none !important; bottom: 0px !important; }
div.dc_pricingtable03 h1 span { display: inline !important; line-height: 52px; }
.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { text-align: center; }

h1.gap90 {
    color: #555555 !important;
    font-size: 24px !important;
    font-weight: bold !important;
    padding: 20px 0 !important;
    text-align: left !important;
}

.photo:after { content:"" !important; }

.dc_pricingtable03 h2 { background: none !important; }
.dc_pricingtable03 h1 { background: none !important; }
.dc_pricingtable06 ul li h3 { text-align: center; }
.dc_pricingtable05 ul, .dc_pricingtable06 ul, .dc_pricingtable05 ul li,  .dc_pricingtable06 ul li { margin: 0px; list-style: none !important; list-style-type: none !important;  } 
div.dc_pricingtable03 h1, div.dc_pricingtable03 h2, div.dc_pricingtable03 h3 { width: auto !important; }
h2.gap87 { text-align: left; }

@media only screen and (max-width: 767px) {
    #webstore-navigation li { float:none !important; margin: 5px 0 0 0 !important;}
    #catalogue .last-column > div { margin:5px 0 0 0 !important;}
    #catalogue .product { float:none !important; width: auto !important;}
    #webstore { min-width: auto !important;}
}


.dc_iso_container .hero-unit { padding: 0px; margin: 0px; background: none; }

/* add for easytherm */

/* general */

select{
    width:284px;
}

@media only screen and (max-width: 479px){
    select{
        width: 214px;
    }
}

/* formulaire erreur */

.errorform{
    color:red;
}

.errorform ul{
    clear:both;
}

.controls label{
    display:inline-block;
    margin-right:5px;
}
.controls input[type="radio"], .radio-inline{
    display:inline-block;
    margin-right:8px;
}

.form-horizontal .control-label{
    width:220px;
    margin-right:10px;
}

.table-text-center th, .table-text-center td{
    text-align:center;
}

/* ajax localite */

#suggestions{
    background: #CCEEFA;
    position:absolute;
    z-index:1000;
    width:286px;
    max-height:200px;
    overflow:hidden;
    overflow-y : scroll;
    display:none;
    margin-left:50px;
}

@media only screen and (max-width: 767px){
    #suggestions{
        margin-left:0px;   
    }
}

.resultajax{
    border-bottom: 1px solid darkgrey;
    padding:10px;
    list-style: none;
    cursor:pointer;
    text-align:left;
    font-size:12px;
}
.resultajax:hover{
    font-weight:bold;
}

/* ajax resultat pac selection */


#loader{
    display:none;
    margin:0 auto;
    text-align:center;
}

.formSelectDiv{
    float:left;
    width:32%;
    padding-left:1%;
    padding-top:5px;
    padding-bottom:5px;
    max-width:33%;
    text-align:center;
}

@media only screen and (max-width: 990px){
    .formSelectDiv{
        float:none;   
        text-align:left;
        margin-top:20px;
    }
    .formSelectDiv label{
        width:100%;
    }
}

/* image loadee dans le formulaire */

.containerImgSelect{
    min-width:100px;
    min-height:100px;
    padding:10px;
    display:none;
    margin-left:75px;
}

@media only screen and (max-width: 767px){
    .containerImgSelect{
        margin-left:0px;   
    }
}


.economietotale{
    font-size:18px;
    font-weight:bold;
}

.pacselect{
    padding:15px;
}

.div50{
    width:50%;
    float:left;
}


@media only screen and (max-width: 767px){
    .div50{
        width:100%;
        float:none;
        padding:10px;
    }
}

.prixtotal{
    color:red;
    font-size:16px;
    font-weight:bold;
}

.help-block{
    font-size:12px;
}

/* form contact */
.divContactPaiements{
    margin-bottom:30px;
}

.radioContactPaiements{
    margin-right:10px;display:inline-block;
}

.lalbelPaimentsContact{
    display:inline-block;
    margin-left:10px;
}

.presentationOutil{
    margin-bottom:15px;
    padding:10px;
    text-align: justify;
}

/* home */

.bricksdiv{
    margin: 20px 0;
    height: 30px;
}

.iconebrick{
    font-size:30px;
}

.servicei{
    font-size:60px;color:white;padding:20px;
}

.servicea{
    border:0px;background:#5b6063;border-radius:100%;width:100px;height:100px;text-align:center;padding:0px;margin-bottom:10px;
}

.servicea:hover{
    background:#ff5b00;
}


.aproposcentral, .aproposcentral p, .aproposcentral div, .aproposcentral span{

    font-weight: 400; 
    font-size: 36px;
    color:#999;
    line-height:130%;
}

.mysidebar, .mysidebar p, .mysidebar div, .mysidebar span{
    font-size:12px;
}

.allserviceitem{
    text-align:center;display:inline-block;
    width:50px;height:50px;border-radius:100%;padding:0;margin:0;
    margin-bottom:12px;
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #7db9e8 0%, #2989d8 50%, #294784 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(100%,#294784)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#294784',GradientType=0 ); /* IE6-9 */
}

.allserviceitem:hover{
    opacity: 0.6;
}

.allservice{
    display:block;float:left;margin-right:20px;
}
/*
.linktextservicehome{
    padding-top:40px;
}*/

.url, .media-body a{
    font-size:14px;
}

.now_page p{
    font-weight: 900;
    font-size: 30px;
    line-height: 35px;
    padding: 0px;
    color: #fff;
}

.btnslide, .btnslidehome{
    display:inline-block;
    background:orange;
    padding:12px;
    text-align:center;
    border-radius:12px;
    font-weight:bold;
    font-size:16px;
    color:white;
    margin-top:12px;
    margin-bottom:12px;
    -moz-box-shadow: 2px 2px 3px 0px #656565;
    -webkit-box-shadow: 2px 2px 3px 0px #656565;
    -o-box-shadow: 2px 2px 3px 0px #656565;
    box-shadow: 2px 2px 3px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=3);
    background: #e46c0a; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NmMwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2U0NmMwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2U0NmMwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMDNlMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #e46c0a 0%, #e46c0a 42%, #e46c0a 73%, #d03e34 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e46c0a), color-stop(42%,#e46c0a), color-stop(73%,#e46c0a), color-stop(100%,#d03e34)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #e46c0a 0%,#e46c0a 42%,#e46c0a 73%,#d03e34 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #e46c0a 0%,#e46c0a 42%,#e46c0a 73%,#d03e34 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #e46c0a 0%,#e46c0a 42%,#e46c0a 73%,#d03e34 100%); /* IE10+ */
    background: linear-gradient(to right,  #e46c0a 0%,#e46c0a 42%,#e46c0a 73%,#d03e34 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e46c0a', endColorstr='#d03e34',GradientType=1 ); /* IE6-8 */

}

.btnslidehome{
    display:block;margin:0 auto;
}


.btnslide:hover, .btnslidehome:hover{
    cursor:pointer;
    color:black;
    -moz-box-shadow: 3px 3px 4px 0px #656565;
    -webkit-box-shadow: 3px 3px 4px 0px #656565;
    -o-box-shadow: 4px 4px 5px 0px #656565;
    box-shadow: 3px 3px 4px 0px #656565;
}
.btnslide a, .btnslidehome a{
    color:white;
    text-decoration:none;
}
.btnslide a:hover, .btnslide:hover a, .btnslidehome:hover, .btnslidehome a:hover{
    color:black;
}

.servicea{
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #7db9e8 0%, #2989d8 50%, #294784 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(100%,#294784)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#294784',GradientType=0 ); /* IE6-9 */
}

.servicea:hover{
    opacity:0.6;
    filter : alpha(opacity=60);
    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #7db9e8 0%, #2989d8 50%, #294784 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(100%,#294784)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7db9e8 0%,#2989d8 50%,#294784 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#294784',GradientType=0 ); /* IE6-9 */
}

.navbar-fixed-top{
    z-index: 100000;
}
.bx-wrapper .bx-controls-direction a{
    z-index: 500;
}

li{
    line-height: 26px;
}

p{
    font-size:16px;
    color:#333333;
}

.pop_posts h3 a{
    font-size:13px;
}

.mysidebar h2{
    font-size:18px;
}

.allservice h4{
    font-size:15px;
}

.mybxslider li img{
    max-width:75%;
    height:auto;
}

.homeservicei{
    cursor:pointer;
}
.hide{
    display:none;
}
.textdescription, .textdescription p, .liservice a{
    text-align:left;
    clear:both;
    color: #7b7b7b;
    font-size: 14px;
}
.liservice a:hover{
    color:red;
}

.linktextservicehome a:hover{
    color:red;   
}

.containerpage{
    background:white;
    padding:20px;
    max-width:85%;
    margin-bottom:20px;
}
#content{
    padding-bottom:75px;   
}

#secondtypeemetteur{
    display:none;
}

.tabledevis, .tablemessage { 
    width: 100%; 
    border-collapse: collapse; 
    font-size:13px;
}
/* Zebra striping */
.tabledevis tr:nth-of-type(odd), .tablemessage tr:nth-of-type(odd){ 
    background: #eee; 
}
.tabledevis th, .tablemessage th { 
    background: #E3E3E3; 
    color: black; 
    font-weight: bold; 
}
.tabledevis td, .tabledevis th, .tablemessage td, .tablemessage th { 
    padding: 6px; 
    border: 1px solid #ccc; 
    text-align: left; 
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    .tabledevis, .tabledevis thead, .tabledevis tbody, .tabledevis th, 
    .tabledevis td, .tabledevis tr,
    .tablemessage, .tablemessage thead, .tablemessage tbody, .tablemessage th, 
    .tablemessage td, .tablemessage tr
    { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .tabledevis thead tr, .tablemessage thead tr  { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .tabledevis tr, .tablemessage tr { border: 1px solid #ccc; }

    .tabledevis td, .tablemessage td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }

    .tabledevis td:before, .tablemessage td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }

    /*
    Label the data
    */
    .tabledevis td:nth-of-type(1):before { content: "Num\00E9ro du devis"; }
    .tabledevis td:nth-of-type(2):before { content: "Date"; }
    .tabledevis td:nth-of-type(3):before { content: "Adresse"; }
    .tabledevis td:nth-of-type(4):before { content: "Mode de paiement"; }
    .tabledevis td:nth-of-type(5):before { content: "Statut du paiment"; }
    .tabledevis td:nth-of-type(6):before { content: "Devis au format PDF"; }
    
    .tablemessage td:nth-of-type(1):before { content: "Date"; }
    .tablemessage td:nth-of-type(2):before { content: "Sujet"; }
    .tablemessage td:nth-of-type(3):before { content: "R\00E9ponse(s)"; }
    .tablemessage td:nth-of-type(4):before { content: "Consulter"; }
    
}

.abtn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /* border-bottom-color: #b3b3b3; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.abtn:hover, .abtn:active, .abtn:focus, .abtn:visited {
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /* border-bottom-color: #b3b3b3; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.abtn-primary:hover, .abtn-primary:active, .abtn-primary:focus, .abtn-primary:visited {
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border: 1px solid #cccccc;
}

@media only screen and (max-width: 767px) {
    .tableconso{
        font-size:12px;
    }
    .formresultlabel{
        width: auto !important;
        padding-left:1px !important;
        text-align:left !important;
    }
    .controlresult{
        margin-left:1px !important;
        clear:both;
    }
    .containerpage{
        max-width:95%;
        padding:4px;
    }
    
}

@media only screen and (max-width: 767px){
.bricks .block:first-child {
  margin-left: 0px;
}
}

 .cache{display:none;}